/*
 Theme Name: HairMay Child
 Description: Child theme for HairMay — custom Luvme-style full-bleed homepage template.
 Template: storefront
*/

/* ===== Product page enhancements (sticky CTA / trust / UGC) ===== */
.hm-sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 22px;background:#16110c;color:#fff;
  box-shadow:0 -6px 24px rgba(0,0,0,.28);
  font-family:'Inter',system-ui,sans-serif;
}
.hm-sticky-cta__txt{font-size:14px;opacity:.85;letter-spacing:.2px;}
.hm-sticky-cta__btn{
  background:#c8a06a;color:#16110c;font-weight:700;font-size:14px;
  padding:12px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;
  transition:transform .15s ease,background .15s ease;
}
.hm-sticky-cta__btn:hover{background:#d8b27e;transform:translateY(-1px);}

.hm-trust{margin:40px 0 10px;border-top:1px solid #ece6dc;border-bottom:1px solid #ece6dc;padding:26px 0;}
.hm-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto;padding:0 18px;}
.hm-trust__item{display:flex;gap:12px;align-items:flex-start;}
.hm-trust__mark{width:10px;height:10px;border-radius:50%;background:#c8a06a;margin-top:6px;flex:0 0 auto;}
.hm-trust__item strong{display:block;font-size:15px;color:#16110c;}
.hm-trust__item small{display:block;font-size:12.5px;color:#8a7f70;line-height:1.4;}

.hm-ugc{margin:34px 0 10px;}
.hm-ugc__head{text-align:center;margin-bottom:18px;}
.hm-ugc__head h2{font-family:'Playfair Display',Georgia,serif;font-size:26px;color:#16110c;margin:0 0 4px;}
.hm-ugc__head p{color:#8a7f70;font-size:14px;margin:0;}
.hm-ugc__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1100px;margin:0 auto;padding:0 18px;}
.hm-ugc__item{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:#f3eee6;}
.hm-ugc__item img{width:100%;height:100%;object-fit:cover;display:block;}
.hm-ugc__cta{text-align:center;margin:16px 0 0;font-size:14px;}
.hm-ugc__cta a{color:#a9824a;font-weight:600;text-decoration:none;}
.hm-ugc__cta a:hover{text-decoration:underline;}

@media(max-width:900px){
  .hm-trust__grid{grid-template-columns:repeat(2,1fr);}
  .hm-ugc__grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:600px){
  .hm-sticky-cta__txt{display:none;}
  .hm-sticky-cta{justify-content:center;}
  .hm-ugc__grid{grid-template-columns:repeat(2,1fr);}
}