.themes-page{display:block}

.themes-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:center}
.themes-hero-text{max-width:620px}
.themes-hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}
.themes-hero-image img{border-radius:var(--radius-lg);width:100%;height:auto}
.accent{background:var(--color-primary-gradient);-webkit-background-clip:text;color:transparent}

.themes-intro-inner{max-width:700px;margin-inline:auto;text-align:center}

.themes-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.themes-card{transition:transform var(--transition-fast)}
.themes-card:hover{transform:translateY(-4px)}

.themes-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.themes-step{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border)}

.themes-elements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:center}
.themes-elements-text{max-width:600px}
.themes-elements-image img{border-radius:var(--radius-lg)}

.themes-approach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:800px;margin-inline:auto;text-align:center}

.themes-gallery-intro{max-width:600px;margin-inline:auto;text-align:center}
.themes-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.themes-gallery-grid img{border-radius:var(--radius-sm);cursor:pointer}

.themes-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}

.themes-cta{background:var(--color-primary-gradient);color:var(--color-text-on-accent)}
.themes-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.themes-disclaimer .container{max-width:600px;text-align:center}

@media (max-width:1000px){
.themes-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.themes-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.themes-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:700px){
.themes-hero-grid{grid-template-columns:1fr}
.themes-elements-grid{grid-template-columns:1fr}
.themes-approach-grid{grid-template-columns:1fr}
.themes-gallery-grid{grid-template-columns:1fr}
.themes-cards,.themes-steps,.themes-why-grid{grid-template-columns:1fr}
}