/* Core tweaks */
body { font-family: 'Inter', sans-serif; }

/* Header styles */
.site-header { background: #fff; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 9999; }
.main-nav a { color: #111; text-decoration:none; padding: 8px 10px; border-radius:8px; }
.btn-wholesale { background: #fff2e0; padding:8px 12px; border-radius:12px; border:1px solid #f0c27b; }

/* Mobile nav overlay */
#mobile-menu { display:none; position: fixed; inset: 64px 12px auto 12px; background: white; border-radius:12px; padding:16px; box-shadow:0 10px 30px rgba(2,6,23,.12); z-index:99999; }
#mobile-menu a { display:block; padding:10px 6px; border-bottom:1px solid #f3f4f6; color:#111; text-decoration:none; }

/* Show when active */
#mobile-menu.open { display:block; }

/* Prevent duplicate header/footer - make sure only one header appears */
header.site-header + .hero { margin-top: 0; }

/* FAQ small styles */
.qa-button::after { content: '▼'; transition: transform 0.3s ease; margin-left: 10px; font-size: 10px; color: #888; }
.qa.open .qa-button::after { transform: rotate(180deg); }
.qa-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out; }
.qa.open .qa-content { max-height: 500px; padding: 0 1.5rem 1.5rem; }