:root {
    --gs-container-max: 1200px;
    --gs-space-1: 4px;
    --gs-space-2: 8px;
    --gs-space-3: 12px;
    --gs-space-4: 16px;
    --gs-space-5: 24px;
    --gs-space-6: 32px;
    --gs-space-7: 48px;
    --gs-space-8: 64px;
    --gs-radius-sm: 6px;
    --gs-radius-md: 10px;
    --gs-radius-lg: 16px;
    --gs-touch-target: 44px;
    --gs-input-height: 48px;
    --gs-button-height: 48px;
    --gs-page-bg: #ffffff;
    --gs-surface: #ffffff;
    --gs-text: #171717;
    --gs-muted: #525252;
    --gs-border: #e5e7eb;
    --gs-primary: #111111;
}
.gs-homepage,
.gs-homepage * { box-sizing: border-box; }
.gs-homepage { color: var(--gs-text); background: var(--gs-page-bg); position: relative; z-index: 0; }
.gs-homepage img,
.gs-homepage svg,
.gs-homepage iframe { max-width: 100%; height: auto; }
.gs-container { width: min(100% - 32px, var(--gs-container-max)); margin-inline: auto; }
.gs-home-section { padding: var(--gs-space-7) 0; }
.gs-home-section__header { margin-bottom: var(--gs-space-5); }
.gs-home-section__title { margin: 0; font-size: clamp(1.5rem, 4vw, 2.25rem); line-height: 1.2; }
.gs-home-eyebrow { margin: 0 0 var(--gs-space-3); font-size: 0.875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.gs-home-hero__grid { display: grid; gap: var(--gs-space-5); align-items: center; }
.gs-home-hero__title { margin: 0 0 var(--gs-space-4); font-size: clamp(1.75rem, 6vw, 3.25rem); line-height: 1.15; }
.gs-home-hero__text { margin: 0; max-width: 38rem; color: var(--gs-muted); font-size: 1rem; line-height: 1.65; }
.gs-home-hero__actions { display: flex; flex-direction: column; gap: var(--gs-space-3); margin-top: var(--gs-space-5); }
.gs-button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--gs-button-height); min-width: 0; padding: 12px 18px; border: 1px solid var(--gs-primary); border-radius: var(--gs-radius-md); font-size: 0.95rem; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; word-break: break-word; }
.gs-button--primary { background: var(--gs-primary); color: #ffffff; }
.gs-button--secondary { background: transparent; color: var(--gs-primary); }
.gs-category-grid,
.gs-product-grid,
.gs-article-grid,
.gs-home-footer-compact__grid { display: grid; grid-template-columns: 1fr; gap: var(--gs-space-4); }
.gs-category-card,
.gs-product-card,
.gs-article-card { min-width: 0; overflow: hidden; border: 1px solid var(--gs-border); border-radius: var(--gs-radius-lg); background: var(--gs-surface); }
.gs-category-card { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.gs-category-card__media,
.gs-product-card__media,
.gs-article-card__media { aspect-ratio: 1 / 1; background: #f5f5f5; }
.gs-category-card__body,
.gs-product-card__body,
.gs-article-card__body { display: flex; flex-direction: column; gap: var(--gs-space-2); padding: var(--gs-space-4); }
.gs-category-card__title,
.gs-product-card__title,
.gs-article-card__title { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1rem; line-height: 1.4; font-weight: 700; }
.gs-product-card { display: flex; flex-direction: column; }
.gs-product-card__body { flex: 1; }
.gs-product-card__title a,
.gs-article-card__title a { color: inherit; text-decoration: none; }
.gs-product-card__price,
.gs-category-card__count,
.gs-article-card__meta,
.gs-article-card__excerpt,
.gs-home-empty,
.gs-home-footer-compact__text,
.gs-home-footer-compact__copy { color: var(--gs-muted); font-size: 0.95rem; line-height: 1.6; }
.gs-product-card__price { word-break: break-word; }
.gs-product-card__actions { margin-top: auto; padding-top: var(--gs-space-3); }
.gs-product-card__actions .button,
.gs-product-card__actions .added_to_cart,
.gs-product-card__actions .gs-button { width: 100%; min-height: var(--gs-button-height); margin: 0; border-radius: var(--gs-radius-md); }
.gs-product-card__actions .button { display: inline-flex; align-items: center; justify-content: center; background: var(--gs-primary); color: #ffffff; border: 1px solid var(--gs-primary); text-decoration: none; padding: 12px 18px; font-weight: 600; }
.gs-article-grid,
.gs-home-footer-compact__grid { grid-template-columns: 1fr; }
.gs-article-card__media { aspect-ratio: 16 / 9; }
.gs-article-card__link { margin-top: auto; font-weight: 600; text-decoration: none; color: var(--gs-primary); }
.gs-home-footer-compact { padding-top: var(--gs-space-4); padding-bottom: var(--gs-space-5); border-top: 1px solid var(--gs-border); }
.gs-home-footer-compact__brand { margin: 0 0 var(--gs-space-3); font-size: 1.5rem; }
.gs-footer-toggle { width: 100%; min-height: var(--gs-touch-target); padding: 12px 0; border: 0; border-bottom: 1px solid var(--gs-border); background: transparent; color: var(--gs-text); font-size: 1rem; font-weight: 700; text-align: left; }
.gs-footer-panel { display: grid; gap: var(--gs-space-2); padding-top: var(--gs-space-3); overflow: hidden; }
.gs-footer-panel a { text-decoration: none; color: var(--gs-muted); }
.gs-category-card__placeholder,
.gs-article-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; font-size: 2rem; font-weight: 700; color: var(--gs-primary); }
@media (min-width: 480px) { .gs-container { width: min(100% - 40px, var(--gs-container-max)); } .gs-home-hero__actions { flex-direction: row; flex-wrap: wrap; } }
@media (min-width: 600px) { .gs-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .gs-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gs-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .gs-container { width: min(100% - 64px, var(--gs-container-max)); } .gs-home-section { padding: var(--gs-space-8) 0; } .gs-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .gs-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .gs-article-grid,
.gs-home-footer-compact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gs-footer-toggle { border-bottom: 0; padding-top: 0; } }
@media (min-width: 1024px) { .gs-home-hero__grid { grid-template-columns: minmax(0, 55%) minmax(0, 45%); } .gs-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .gs-article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .gs-home-footer-compact__grid { grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .gs-homepage *, .gs-homepage *::before, .gs-homepage *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }