/* Public HTML remains usable when JavaScript is unavailable. */
html.seo-pending:not(.seo-js) .site-shell { display: none; }
html.seo-js #seoFallback { display: none; }
html.seo-pending:not(.seo-js) .floating-socials { display: none; }
.seo-page { max-width: 1180px; margin: 20px auto; padding: 20px; color: #f5f5f5; font-family: Barlow, Arial, sans-serif; }
.seo-page a { color: #ffc425; }
.seo-page .seo-brand { display: inline-block; margin-bottom: 18px; font: 700 36px 'Barlow Condensed', sans-serif; color: #fff; text-decoration: none; }
.seo-page .seo-brand span { color: #ffc425; }
.seo-page h1 { font: 700 clamp(28px, 5vw, 42px)/1.15 'Barlow Condensed', sans-serif; }
.seo-page p { line-height: 1.5; }
.seo-page nav { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.seo-page .seo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 16px; }
.seo-page article { overflow: hidden; border: 1px solid #777; border-radius: 16px; background: #454545; padding: 16px; }
.seo-page article > img { width: 100%; height: 190px; object-fit: contain; background: #fff; border-radius: 10px; }
.seo-page h2 { font-family: 'Barlow Condensed', sans-serif; }
.seo-page .seo-product { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
.seo-page .seo-product > img { width: 100%; max-height: 500px; object-fit: contain; background: #fff; border-radius: 16px; }
.seo-page .seo-price { color: #ffc425; font-size: 26px; font-weight: 700; }
.seo-page .seo-cta { display: inline-block; padding: 12px 20px; background: #ffc425; color: #111; font-weight: 700; border-radius: 999px; text-decoration: none; }
.seo-page .seo-note { color: #e0d6bc; }
.seo-category-description { flex-basis: 100%; margin: 0 0 14px; color: var(--text-muted, #ddd); line-height: 1.5; }
@media(max-width:720px) { .seo-page { padding: 12px; margin: 8px auto; } .seo-page .seo-product { grid-template-columns: minmax(0,1fr); } }

.product-page-link { color: inherit; text-decoration: none; }
.home-category-card, .home-all-link { text-decoration: none; }