.so-page{}

.so-hero-grid{
  display:grid;
  grid-template-columns:40% 60%;
  gap:var(--space-5);
  align-items:center;
}
.so-hero-text{max-width:420px}
.so-hero-image img{width:100%;height:100%;object-fit:cover}

.so-types-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}
.so-card{display:flex;flex-direction:column;gap:var(--space-3)}
.so-card:hover{box-shadow:0 4px 12px rgba(41,36,28,0.08)}

.so-split{
  display:grid;
  grid-template-columns:40% 60%;
  gap:var(--space-5);
  align-items:center;
}
.so-space-text{max-width:420px}

.so-food-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-bottom:var(--space-4);
}
.so-food-item{min-width:0}
.so-food-image{max-width:500px}

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

.so-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}
.so-step{min-width:0}

.so-scenarios-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
}
.so-scenario{max-width:420px}

.so-form-wrap{
  max-width:600px;
  margin-inline:auto;
}
.so-form-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.so-cta-inner{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media (max-width:900px){
  .so-hero-grid,
  .so-split{
    grid-template-columns:1fr;
  }
  .so-hero-text,
  .so-space-text{
    max-width:100%;
  }
}

@media (max-width:768px){
  .so-types-grid,
  .so-food-grid,
  .so-steps-grid,
  .so-scenarios-grid{
    grid-template-columns:1fr;
  }
}