/* ============================================================
   AFTER CREDITS — site shell (content pages + WooCommerce pages)
   Dark monochrome base + injected ac-* header/footer + content
   typography. Enqueued only on canvas content pages and store pages.
   ============================================================ */
:root{
  --bg:#050505; --surface:#0c0c0c; --panel:#111; --line:#242424;
  --text:#f3f3f3; --muted:#a7a7a7; --muted-2:#7e7e7e;
  --button:#f5f5f5; --button-text:#111; --ac-red:#d11f2a; --max:1120px;
}
.ac-brand .ac-r{ color:var(--ac-red); }
.ac-cart-link{ position:relative; display:inline-flex; align-items:center; color:#fff; }
.ac-cart-ico{ display:block; }
.ac-cart-count{ position:absolute; top:-7px; right:-9px; min-width:16px; height:16px; padding:0 4px; background:var(--ac-red); color:#fff; font-size:11px; font-weight:700; line-height:16px; text-align:center; border-radius:9px; box-sizing:border-box; }
.ac-cart-count[hidden]{ display:none; }
@media (max-width:560px){ .ac-topbar{ font-size:10.5px; letter-spacing:.1em; padding:9px 12px; } }
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg) !important;color:var(--text) !important;font-family:'Inter',system-ui,sans-serif !important;}
body a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ---- Hide the theme's own header / footer chrome ---- */
.hostinger-ai-site-navigation-wrapper,.hostinger-ai-site-navigation,
header.wp-block-template-part,footer.wp-block-template-part,
#masthead,#colophon{display:none !important}

/* ---- Injected AFTER CREDITS header / footer (ac-*) ---- */
.ac-topbar{text-align:center;font-size:12px;letter-spacing:.16em;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--text);background:var(--bg)}
.ac-header{max-width:var(--max);margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ac-brand{font-weight:800;letter-spacing:.06em;font-size:20px;color:var(--text)}
.ac-nav{display:flex;gap:36px;font-size:14px;font-weight:600;letter-spacing:.08em}
.ac-nav a{color:var(--text);opacity:.92}
.ac-nav a:hover{opacity:1}
.ac-icons{display:flex;gap:16px;align-items:center;font-size:18px;color:var(--text)}
.ac-icons a{color:var(--text)}
.ac-cart-count{font-size:14px;color:var(--muted)}
.ac-footer{max-width:var(--max);margin:48px auto 50px;padding:32px 24px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:24px;border:1px solid var(--line);border-top:none}
.ac-footer h3{margin:0 0 14px;font-size:28px;line-height:.94;letter-spacing:-.04em;color:var(--text)}
.ac-footer h4{margin:0 0 10px;font-size:14px;letter-spacing:.08em;color:var(--text)}
.ac-footer p,.ac-footer a{color:var(--muted);display:block;margin:8px 0;font-size:14px}
.ac-footer a:hover{color:var(--text)}
.ac-socials{display:flex;gap:14px;margin-top:18px;font-size:16px;color:var(--text)}
.ac-footer-note{align-self:start}

/* ---- Content page wrapper + typography ---- */
.ac-page{max-width:var(--max);margin:0 auto;padding:60px 24px 72px}
.ac-page.ac-narrow{max-width:760px}
.ac-eyebrow{color:var(--muted);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;display:block;font-weight:600}
.ac-page h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.04em;line-height:1.02;margin:0 0 22px;font-weight:800;text-transform:uppercase}
.ac-page h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;margin:40px 0 14px;font-weight:700}
.ac-page h3{font-size:18px;letter-spacing:.01em;margin:30px 0 10px;font-weight:700;color:var(--text)}
.ac-page p{color:var(--muted);line-height:1.8;font-size:16px;margin:0 0 18px;max-width:64ch}
.ac-page .ac-lead{color:var(--text);font-size:19px;line-height:1.7}
.ac-page ul{color:var(--muted);line-height:1.8;padding-left:20px;margin:0 0 18px}
.ac-page a:not(.ac-btn){color:#fff;text-decoration:underline;text-underline-offset:3px}
.ac-btn{display:inline-block;background:var(--button);color:var(--button-text) !important;padding:15px 28px;font-weight:700;letter-spacing:.08em;font-size:13px;text-transform:uppercase;text-decoration:none !important;margin-top:12px}
.ac-btn:hover{background:#fff}
.ac-entry{border-top:1px solid var(--line);padding-top:28px;margin-top:34px}

@media(max-width:1024px){.ac-footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .ac-header{flex-wrap:wrap}
  .ac-nav{width:100%;justify-content:center;flex-wrap:wrap;gap:16px 22px}
  .ac-footer{grid-template-columns:1fr}
  .ac-page{padding:44px 22px 56px}
}