.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.container--fluid{max-width:100%}#app{display:flex;flex-direction:column;min-height:100vh}#main-content{flex:1;padding-top:var(--space-8);padding-bottom:var(--space-16)}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--products{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.grid--articles{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.page-section{padding-block:var(--space-16)}.page-section--alt{background-color:var(--color-bg-secondary)}.page-section--accent{background-color:var(--color-accent-subtle)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.section-header p{font-size:var(--text-lg);color:var(--color-text-tertiary);max-width:640px;margin-inline:auto}.section-overline{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent-primary);margin-bottom:var(--space-2)}.layout-sidebar{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);align-items:start}.hero{padding:var(--space-20) 0 var(--space-16);text-align:center}.hero h1{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4);max-width:800px;margin-inline:auto}.hero .hero-subtitle{font-size:var(--text-lg);color:var(--color-text-tertiary);max-width:600px;margin-inline:auto;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.hero-badges{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.hero-badge svg{width:16px;height:16px;color:var(--color-success)}.stats-bar{display:flex;justify-content:center;gap:var(--space-12);padding:var(--space-10) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stat-item{text-align:center}.stat-value{display:block;font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-accent-primary);line-height:1;margin-bottom:var(--space-1);font-family:var(--font-mono)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-medium)}@media(max-width:1280px){:root{--container-padding: var(--space-6)}}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(2,1fr)}.layout-sidebar{grid-template-columns:1fr}.stats-bar{gap:var(--space-8)}}@media(max-width:768px){:root{--container-padding: var(--space-4)}.grid--3{grid-template-columns:repeat(2,1fr)}.grid--products{grid-template-columns:1fr}.hero{padding:var(--space-12) 0 var(--space-10)}.hero h1{font-size:var(--text-3xl)}.hero .hero-subtitle{font-size:var(--text-base)}.page-section{padding-block:var(--space-10)}.section-header{margin-bottom:var(--space-8)}.section-header h2{font-size:var(--text-2xl)}.stats-bar{flex-direction:column;gap:var(--space-6);padding:var(--space-8) 0}}@media(max-width:640px){.grid--2,.grid--3{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/layout.css.map */