/* ═══ AutoGlow premium chrome — shared across all pages (matches homepage redesign) ═══ */
:root { --agx-black:#0a0a0a; --agx-gold:#c9a84c; --agx-gold-light:#e8c96d; }

/* Announcement bar */
.announce { background:#0a0a0a !important; }
.announce-track span { color:#c9a84c !important; font-family:'DM Sans',sans-serif; font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase; opacity:1 !important; font-weight:500; }
.announce-track span b, .announce-track span strong { color:#e8c96d !important; }

/* Navigation */
.topbar { background:rgba(10,10,10,0.96) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(201,168,76,0.20) !important; box-shadow:none !important; }
.agx-logo { display:flex; flex-direction:column; line-height:1.1; text-decoration:none; }
.agx-logo-word { font-family:'Outfit',sans-serif; font-weight:800; font-size:1.35rem; color:#c9a84c; letter-spacing:0.04em; }
.agx-logo-sub { font-family:'DM Sans',sans-serif; font-size:0.6rem; color:rgba(255,255,255,0.5); letter-spacing:0.3em; text-transform:uppercase; }
.topbar .nav-links a { color:#fff !important; background:none !important; position:relative; }
.topbar .nav-links a:hover { color:#c9a84c !important; background:none !important; }
.topbar .nav-links a::after { content:''; position:absolute; left:0; right:100%; bottom:-4px; height:1px; background:#c9a84c; transition:right 0.25s ease; }
.topbar .nav-links a:hover::after { right:0; }
.topbar .nav-actions .btn-outline { border:1px solid #c9a84c !important; color:#c9a84c !important; background:transparent !important; border-radius:4px !important; }
.topbar .nav-actions .btn-outline:hover { background:rgba(201,168,76,0.12) !important; }
.topbar .btn-dark { background:#c9a84c !important; color:#0a0a0a !important; border-radius:4px !important; border:none !important; }
.topbar .btn-dark:hover { background:#e8c96d !important; }
.hamburger span { background:#fff !important; }

/* Mobile menu */
.mobile-menu { background:rgba(10,10,10,0.98) !important; }
.mobile-menu a { color:#fff !important; }
.mobile-menu a:hover { color:#c9a84c !important; }
.mobile-close { color:#fff !important; }

/* Section labels — gold accent */
.section-label { color:#c9a84c !important; letter-spacing:0.12em !important; text-transform:uppercase !important; }
.section-label::before, .section-label span { background:#c9a84c !important; }

/* Footer */
.footer { background:#0a0a0a !important; border-top:1px solid rgba(201,168,76,0.20) !important; }
.footer-brand-name { color:#c9a84c !important; font-family:'Outfit',sans-serif; letter-spacing:0.04em; }
.footer-desc, .footer-col ul li a, .footer-col ul li span { color:rgba(255,255,255,0.60) !important; }
.footer-col h4 { color:#fff !important; letter-spacing:0.1em; text-transform:uppercase; font-size:0.78rem !important; }
.footer-col ul li a:hover { color:#c9a84c !important; }
.footer .social-btn { background:#1a1a1a !important; border:1px solid rgba(201,168,76,0.25) !important; }
.footer .social-btn:hover { border-color:#c9a84c !important; transform:translateY(-2px); }
.footer-bottom { border-top:1px solid rgba(201,168,76,0.20) !important; }
.footer-bottom span { color:rgba(255,255,255,0.35) !important; }
.footer-bottom-links a { color:rgba(255,255,255,0.60) !important; }
.footer-bottom-links a:hover { color:#c9a84c !important; }

/* Mobile bottom CTA bar — dark chrome, WhatsApp button stays green */
.mobile-cta-bar { background:#0a0a0a !important; border-top:1px solid rgba(201,168,76,0.30) !important; box-shadow:0 -4px 20px rgba(0,0,0,0.35) !important; }
.mobile-cta-bar .mcta-call { background:#1a1a1a !important; border:1px solid rgba(201,168,76,0.4) !important; color:#c9a84c !important; }

/* FIX: cat-card images had no positioning rule — img filled the card in normal
   flow and pushed .cat-card-body below the overflow:hidden clip, so category
   titles never rendered. Make the img a background layer like brand-tile does. */
.cat-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }

/* Restraint pass: quieter card borders on shop grid */
.pcard { border:1px solid rgba(201,168,76,0.15) !important; }
.pcard:hover { border:1px solid #c9a84c !important; }

/* Mobile polish 2026-07-05 */
.price-now, .price-was { white-space:nowrap; }
.pcard-body::after, .related-body::after { content:none !important; display:none !important; }

/* Checkout-first: Add to Cart is the primary buy button; WhatsApp is a quiet support link */
.pdp-add, #pdpAddCart { background:#c9a84c !important; color:#0a0a0a !important; border:none !important; font-weight:700 !important; }
.pdp-add:hover, #pdpAddCart:hover { background:#e8c96d !important; }
.pdp-wa, .btn-green.pdp-wa { background:transparent !important; border:1.5px solid rgba(37,211,102,0.55) !important; color:#157f3d !important; font-size:0.88rem !important; padding:11px 16px !important; font-weight:600 !important; }
.pdp-wa:hover { background:rgba(37,211,102,0.08) !important; }

/* Mobile pdp: get Add to Cart on screen sooner */
@media (max-width:768px) {
  .warranty-row { display:none !important; }   /* duplicate of the 1Y badge next to price */
  .pdp-free { display:none !important; }       /* duplicate of the Free-delivery chip */
  .pdp-info { gap:10px !important; }
  .pdp-thumbs { margin-top:6px !important; }
}
.mcta-add, .mobile-cta-bar .mcta-add { background:#c9a84c !important; color:#0a0a0a !important; font-weight:700; }

/* Mobile pdp reorder: title -> rating -> pack -> qty -> Add to Cart -> everything else */
@media (max-width:768px) {
  .pdp-info > * { order:20; }
  .pdp-info > .pdp-brand { order:1; }
  .pdp-info > .pdp-title { order:2; }
  .pdp-info > .pdp-rating { order:3; }
  .pdp-info > .pdp-variant-label { order:4; }
  .pdp-info > .pdp-variants { order:5; }
  .pdp-info > .pdp-qty-row { order:6; }
  .pdp-info > #pdpAddCart { order:7; }
  .pdp-info > .pdp-wa { order:8; }
}

/* Emoji purge: hide icon holders that are now empty */
.feat-icon:empty, .trust-icon:empty, .why-icon:empty, .brand-art-icon:empty, .step-num:empty { display:none !important; }

.pdp-trust .trust-icon { display:none !important; }  /* text-only trust tiles after emoji purge */

/* 2026-07-07: WhatsApp float shows on ALL pages incl. those with the bottom bar
   (site.css hides it via .has-mobile-cta — overridden here; raised positions already exist) */
@media (max-width: 768px) {
  .has-mobile-cta .wa-float { display: grid !important; }
}