/* Shared layout */
.szt-fullbleed{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; }
.szt-section{ background:#fff; padding:48px 0; }     /* FULL WHITE */
.szt-container{ width:92%; margin:0 auto; max-width:1600px; }
@media (min-width:1024px){ .szt-container{ width:80%; } }

.szt-card{
    background:#FAF3EE;                               /* PINK BOX */
    border-radius:16px;
    border:1px solid rgba(0,0,0,.10);
    padding:24px;
    box-shadow:0 1px 0 rgba(0,0,0,.04);
}

/* About */
.szt-about__title{ margin:0 0 18px 0; text-align:center; font-weight:600; }

.szt-about__grid{
    display:grid;
    gap:18px;
    justify-content:center;
}

.szt-about__grid--cols-1{ grid-template-columns:repeat(1, 1fr); max-width:260px; margin:0 auto; }
.szt-about__grid--cols-2{ grid-template-columns:repeat(2, 1fr); max-width:calc(260px*2 + 18px*1); margin:0 auto; }
.szt-about__grid--cols-3{ grid-template-columns:repeat(3, 1fr); max-width:calc(260px*3 + 18px*2); margin:0 auto; }
.szt-about__grid--cols-4{ grid-template-columns:repeat(4, 1fr); max-width:calc(260px*4 + 18px*3); margin:0 auto; }

@media (max-width:1024px){
    .szt-about__grid--cols-3,
    .szt-about__grid--cols-4{
        grid-template-columns:repeat(2, 1fr);
        max-width:calc(260px*2 + 18px*1);
    }
}
@media (max-width:640px){
    .szt-about__grid--cols-2,
    .szt-about__grid--cols-3,
    .szt-about__grid--cols-4{
        grid-template-columns:1fr;
        max-width:260px;
    }
}

.szt-about__card{
    width:260px;
    background:#fff; /* belső dobozkák fehérek maradnak, hogy legyen kontraszt */
    border-radius:10px;
    border:1px solid rgba(0,0,0,.08);
    padding:14px 16px;
    box-shadow:0 1px 0 rgba(0,0,0,.05), 0 2px 10px rgba(0,0,0,.03);
    text-align:center;
    font-weight:600;
}