.pakiety-hero{padding-top:var(--space-4)}
.pakiety-page .pakiety-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:0;align-items:center}
.pakiety-hero-text{max-width:55ch}
.pakiety-hero-text{position:relative;z-index:2;margin-right:-4rem;padding:var(--space-4);background:var(--color-deep-velvet);border:var(--border-thin);box-shadow:var(--shadow-soft)}
.pakiety-hero-image img{width:100%;height:680px;object-fit:cover}

.pakiety-centered-heading{max-width:60ch;margin-inline:auto;text-align:center}

.pakiety-modularnosc-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}
.pakiety-modularnosc-grid .card:nth-child(2){margin-top:2.5rem}
.pakiety-card{min-width:0}

.pakiety-split{display:grid;grid-template-columns:50% 50%;gap:var(--space-4);align-items:center}
.pakiety-split.reverse{grid-template-columns:55% 45%}
.pakiety-split-text{max-width:60ch}
.pakiety-split-image img{width:100%;height:600px;object-fit:cover;border-radius:var(--radius-sm) var(--radius-lg) var(--radius-sm) var(--radius-lg)}

.pakiety-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.pakiety-panel{min-width:0}

.pakiety-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}

.pakiety-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.pakiety-step{position:relative;border-top:1px solid var(--color-ruby-accent);padding-top:var(--space-3);min-width:0}
.pakiety-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--color-ruby-accent);border-radius:50%}

.pakiety-cta-box{max-width:45ch;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:1100px){
.pakiety-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1000px){
.pakiety-hero-grid{grid-template-columns:1fr}.pakiety-hero-text{margin:0 0 -3rem 0}.pakiety-hero-image img{height:520px}
.pakiety-split,.pakiety-split.reverse{grid-template-columns:1fr}
}

@media(max-width:900px){
.pakiety-modularnosc-grid,.pakiety-tech-grid{grid-template-columns:1fr}.pakiety-modularnosc-grid .card:nth-child(2){margin-top:0}
.pakiety-two-col{grid-template-columns:1fr}
}

@media(max-width:600px){
.pakiety-steps{grid-template-columns:1fr}
}