/* Mizzy Sales homepage: image-led editorial storefront. */
#page-home .hero-section { position:relative; width:100%; max-width:none; min-height:610px; padding:64px max(24px,calc((100vw - 1140px)/2)) 0; text-align:left; background:var(--bg) url('/img/mizzy-home-editorial.jpg') center center / cover no-repeat; display:flex; flex-direction:column; justify-content:space-between; isolation:isolate; overflow:hidden; }
#page-home .hero-section::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, color-mix(in srgb,var(--bg) 98%,transparent) 0%, color-mix(in srgb,var(--bg) 83%,transparent) 42%, transparent 78%); }
#page-home .hero-content { position:relative; width:100%; max-width:690px; margin:0; z-index:1; }
#page-home .hero-chip { display:inline-flex; align-items:center; gap:8px; margin:0 0 24px; padding:7px 11px; color:var(--gold); background:color-mix(in srgb,var(--gold) 12%,var(--bg)); border:1px solid color-mix(in srgb,var(--gold) 34%,var(--bg)); border-radius:5px; font-size:11px; letter-spacing:.08em; font-weight:800; }
#page-home .hero-chip .hero-tick { color:var(--gold); }
#page-home .hero-h1 { margin:0 0 14px; color:var(--t1); font-family:'Sora',sans-serif; font-size:clamp(44px,5vw,72px)!important; line-height:1.04; letter-spacing:0; text-align:left; }
#page-home .hero-subtitle { margin:0 0 21px; font-family:'Sora',sans-serif; font-size:clamp(22px,2.5vw,35px); font-weight:600; line-height:1.2; color:var(--gold3); }
#page-home .hero-p { margin:0 0 26px; max-width:520px; color:var(--t2); text-align:left; font-size:15px!important; line-height:1.7; }
#page-home .hero-actions { display:flex; width:max-content; max-width:100%; gap:10px; margin:0 0 25px; }
#page-home .hero-actions .hero-cta,#page-home .hero-actions .hero-wa { display:inline-flex; align-items:center; justify-content:center; gap:10px; width:auto; min-height:48px; padding:12px 18px; border-radius:6px; font-size:13px; font-weight:800; text-decoration:none; box-shadow:none; white-space:normal; }
#page-home .hero-actions .hero-cta { background:var(--gold); color:var(--bg); border:1px solid var(--gold); }
#page-home .hero-actions .hero-wa { background:color-mix(in srgb,var(--bg) 85%,transparent); border:1px solid var(--border2); color:var(--t1); }
#page-home .trust-row { justify-content:flex-start; margin:0; gap:10px; }
#page-home .trust-pill { border-radius:5px; background:color-mix(in srgb,var(--bg) 80%,transparent); color:var(--t1); border-color:var(--border2); font-size:11px; }
#page-home .hero-stats { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; max-width:none; width:100%; margin:40px 0 0; border-top:1px solid var(--border2); background:color-mix(in srgb,var(--bg) 76%,transparent); }
#page-home .hero-stats .hstat { display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding:16px 12px; border-right:1px solid var(--border2); }
#page-home .hero-stats .hstat:first-child { padding-left:0; }
#page-home .hero-stats .hstat:last-child { border:0; }
#page-home .hero-links-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(1140px,calc(100% - 48px)); max-width:none; margin:0 auto 25px; gap:0; border-bottom:1px solid var(--border); }
#page-home .hero-links-row .hlink { display:flex; justify-content:space-between; align-items:center; border:0; border-right:1px solid var(--border); border-radius:0; background:transparent; min-height:62px; text-align:left; padding:12px 18px; color:var(--t1); font-weight:700; }
#page-home .hero-links-row .hlink:first-child { padding-left:0; }
#page-home .hero-links-row .hlink:last-child { border-right:0; }
#page-home .hero-links-row .hlink:hover { color:var(--gold); background:transparent; }
.support-fab .sfab-toggle { border-radius:50%; }
@media(max-width:700px){
  #page-home .hero-section { min-height:610px; padding:46px 20px 0; background-position:62% center; }
  #page-home .hero-section::before { background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 97%,transparent),color-mix(in srgb,var(--bg) 83%,transparent) 72%,color-mix(in srgb,var(--bg) 50%,transparent)); }
  #page-home .hero-h1 { font-size:44px!important; }
  #page-home .hero-subtitle { font-size:23px; }
  #page-home .hero-p { font-size:14px!important; }
  #page-home .hero-actions { width:100%; flex-wrap:wrap; }
  #page-home .hero-actions .hero-cta,#page-home .hero-actions .hero-wa { flex:1 1 150px; }
  #page-home .trust-row { gap:6px; }
  #page-home .hero-stats { margin-top:32px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-home .hero-stats .hstat { padding:12px 8px; border-bottom:1px solid var(--border2); }
  #page-home .hero-stats .hstat:nth-child(odd){padding-left:0}
  #page-home .hero-links-row { width:calc(100% - 40px); grid-template-columns:1fr; }
  #page-home .hero-links-row .hlink { min-height:44px; border-right:0; border-bottom:1px solid var(--border); padding:8px 0; }
}
@media(prefers-reduced-motion:reduce){#page-home .hero-actions a{transition:none}}
