/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/
/* =========================================
   IKONY VE ČTYŘECH BENEFIT BOXECH
   ========================================= */

.strojarem-benefit-icon {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 18px;
    text-align: center;
}

.strojarem-benefit-icon img {
    display: block;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    object-fit: contain;
}


/* =========================================
   ČTYŘI BENEFIT BOXY
   ========================================= */

.strojarem-features {
    position: relative;
    z-index: 5;
    margin-bottom: -36px !important;
    overflow: visible !important;
}

.strojarem-benefit-card {
    position: relative;
    z-index: 6;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #DDE1E3;
    border-radius: 8px;
    box-shadow: 0 7px 20px rgba(32, 38, 45, 0.09);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.strojarem-benefit-card:hover {
    transform: translateY(-4px);
    border-color: #C84E16;
    box-shadow: 0 12px 28px rgba(32, 38, 45, 0.13);
}


/* =========================================
   SEKCE PRACOVNÍCH NABÍDEK
   ========================================= */

.strojarem-jobs-wrap {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
    overflow: visible !important;
}

.strojarem-jobs-wrap .sj-jobs-section {
    padding-top: 105px !important;
    padding-bottom: 105px !important;

    background: linear-gradient(
        to bottom,
        #FFFFFF 0,
        #FFFFFF 20px,
        #FAFAF9 65px,
        #F5F6F4 150px,
        #F5F6F4 calc(100% - 150px),
        #FAFAF9 calc(100% - 65px),
        #FFFFFF calc(100% - 20px),
        #FFFFFF 100%
    );

    border-radius: 14px;
}
/* =========================================
   PRACOVNÍ NABÍDKY – DOLADĚNÍ
   ========================================= */

/* Skrytí duplicitního odkazu vpravo nahoře */
.sj-jobs-section__all-link {
    display: none !important;
}

/* Nadpis pracovní nabídky bez podtržení */
.sj-job-card h3 a,
.sj-job-card h3 a:visited {
    color: #20262D;
    text-decoration: none !important;
}

.sj-job-card h3 a:hover {
    color: #C84E16;
}

/* Spodní odkaz karty bez podtržení */
.sj-job-card__button,
.sj-job-card__button:visited {
    text-decoration: none !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .strojarem-features {
        margin-bottom: -28px !important;
    }

    .strojarem-jobs-wrap .sj-jobs-section {
        padding-top: 92px !important;
    }

    .strojarem-benefit-icon img {
        width: 60px !important;
        height: 60px !important;
    }
}
/* Odkazy v kartách profesí bez podtržení */
.sjp-card h3 a,
.sjp-card h3 a:visited,
.sjp-card__footer a,
.sjp-card__footer a:visited {
    text-decoration: none !important;
}

.sjp-card h3 a {
    color: #20262D;
}

.sjp-card h3 a:hover,
.sjp-card__footer a:hover {
    color: #C84E16;
}

/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    /* Na mobilu sekce nepřekrývat */
    .strojarem-features {
        margin-bottom: 24px !important;
    }

    .strojarem-jobs-wrap {
        margin-top: 0 !important;
    }

    .strojarem-jobs-wrap .sj-jobs-section {
        padding-top: 55px !important;
        border-radius: 10px 10px 0 0;
    }

    .strojarem-benefit-icon {
        margin-bottom: 16px;
    }

    .strojarem-benefit-icon img {
        width: 60px !important;
        height: 60px !important;
    }

    .strojarem-benefit-card {
        box-shadow: 0 5px 16px rgba(32, 38, 45, 0.08);
    }

    .strojarem-benefit-card:hover {
        transform: none;
    }
}
.home .sjm-section {
    background: #FFFFFF !important;
}
/* Rozbalovací obsah je bez JavaScriptu normálně viditelný */
.strojarem-about-more {
    margin-top: 28px;
}

/* Tlačítko se zobrazí až po načtení JavaScriptu */
.strojarem-about-toggle {
    display: none;
}

/* Stav po aktivaci JavaScriptu */
.js-about-ready .strojarem-about-more {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition:
        max-height 0.5s ease,
        opacity 0.3s ease,
        margin-top 0.4s ease,
        visibility 0s linear 0.5s;
}

.js-about-ready .strojarem-about-more.is-open {
    margin-top: 28px;
    opacity: 1;
    visibility: visible;
    transition:
        max-height 0.5s ease,
        opacity 0.3s ease,
        margin-top 0.4s ease;
}

.js-about-ready .strojarem-about-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin-top: 28px;
    padding: 12px 25px;
    cursor: pointer;
    background: transparent;
    border: 1px solid #20262D;
    border-radius: 7px;
    color: #20262D;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

.js-about-ready .strojarem-about-toggle:hover {
    background: #20262D;
    border-color: #20262D;
    color: #FFFFFF;
}

.js-about-ready .strojarem-about-toggle:focus-visible {
    outline: 3px solid rgba(200, 78, 22, 0.35);
    outline-offset: 3px;
}

@media (max-width: 767px) {
    .js-about-ready .strojarem-about-toggle {
        width: 100%;
    }
}
/* Obal rozbalovacího tlačítka */
.strojarem-about-toggle-wrap {
    width: 100%;
    margin: 28px auto 0;
    text-align: center;
}

.js-about-ready .strojarem-about-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin: 0;
    padding: 12px 25px;
    cursor: pointer;
    background: transparent;
    border: 1px solid #20262D;
    border-radius: 7px;
    color: #20262D;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
}

.js-about-ready .strojarem-about-toggle:hover {
    background: #20262D;
    color: #FFFFFF;
}

/* Skrytý obsah nesmí zabírat místo */
.js-about-ready .strojarem-about-more {
    max-height: 0;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.js-about-ready .strojarem-about-more.is-open {
    margin-top: 30px !important;
    opacity: 1;
    visibility: visible;
}

/* Rozumné ukončení sekce před patičkou */
.strojarem-about-toggle-wrap {
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    .strojarem-about-toggle-wrap {
        padding: 0 20px;
        margin-bottom: 50px;
    }

    .js-about-ready .strojarem-about-toggle {
        width: 100%;
    }
}
/* Magazín – odstranění podtržení odkazů */
.sjm-card h3 a,
.sjm-card h3 a:visited,
.sjm-card__footer a,
.sjm-card__footer a:visited {
    text-decoration: none !important;
}

.sjm-card h3 a {
    color: #20262D;
}

.sjm-card h3 a:hover,
.sjm-card__footer a:hover {
    color: #C84E16;
}

/* Jeden článek zarovnat na střed */
.sjm-grid:has(> .sjm-card:only-child) {
    grid-template-columns: minmax(0, 370px);
    justify-content: center;
}

/* Dva články také zarovnat na střed */
.sjm-grid:has(> .sjm-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 370px));
    justify-content: center;
}

@media (max-width: 767px) {
    .sjm-grid:has(> .sjm-card:only-child),
    .sjm-grid:has(> .sjm-card:nth-child(2):last-child) {
        grid-template-columns: 1fr;
    }
}
/* Jednotná barva záhlaví na archivech */
body.post-type-archive .site-header .ast-primary-header-bar,
body.post-type-archive .ast-mobile-header-wrap .ast-primary-header-bar {
    background: #F5F6F4 !important;
}
/* =====================================================
   HLAVNÍ PATIČKA
   ===================================================== */

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background: #171C21 !important;
    border-top: 4px solid #C84E16;
}

.site-primary-footer-wrap .ast-builder-grid-row {
    padding-top: 58px;
    padding-bottom: 52px;
}

.site-primary-footer-wrap,
.site-primary-footer-wrap p,
.site-primary-footer-wrap li {
    color: #BFC5CA;
}

/* Nadpisy sloupců */
.site-primary-footer-wrap .widget-title,
.site-primary-footer-wrap h2,
.site-primary-footer-wrap h3 {
    margin: 0 0 20px;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

/* Odkazy */
.site-primary-footer-wrap a,
.site-primary-footer-wrap a:visited {
    color: #CDD1D4;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.site-primary-footer-wrap a:hover {
    color: #C84E16;
}

/* Menu */
.site-primary-footer-wrap .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-primary-footer-wrap .menu-item {
    margin: 0 0 11px;
}

.site-primary-footer-wrap .menu-item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.site-primary-footer-wrap .menu-item a::before {
    content: "›";
    color: #C84E16;
    font-size: 20px;
    line-height: 1;
}

/* Logo / název */
.strojarem-footer-logo,
.strojarem-footer-logo:visited {
    display: inline-block;
    margin-bottom: 17px;
    color: #FFFFFF !important;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.5px;
    text-decoration: none !important;
}

.strojarem-footer-logo span {
    color: #C84E16;
}

.strojarem-footer-about {
    max-width: 390px;
}

.strojarem-footer-about p {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.7;
}

.strojarem-footer-about .strojarem-footer-motto {
    margin-top: 21px;
    color: #FFFFFF;
    font-weight: 650;
}

/* =====================================================
   SPODNÍ PATIČKA
   ===================================================== */

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    min-height: 64px;
    background: #11161A !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-below-footer-wrap,
.site-below-footer-wrap p,
.site-below-footer-wrap a {
    color: #929A9F;
    font-size: 13px;
}

.site-below-footer-wrap a,
.site-below-footer-wrap a:visited {
    color: #BFC5CA;
    text-decoration: none !important;
}

.site-below-footer-wrap a:hover {
    color: #C84E16;
}

.site-below-footer-wrap .footer-menu {
    justify-content: flex-end;
}

/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .site-primary-footer-wrap .ast-builder-grid-row {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .site-primary-footer-wrap .site-footer-section {
        margin-bottom: 32px;
        text-align: left;
    }

    .site-primary-footer-wrap .site-footer-section:last-child {
        margin-bottom: 0;
    }

    .site-below-footer-wrap .ast-builder-grid-row {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

    .site-below-footer-wrap .footer-menu {
        justify-content: center;
        margin-top: 12px;
    }

    .strojarem-footer-about {
        max-width: none;
    }
}
/* =====================================================
   PATIČKA STROJAREM.CZ
   ===================================================== */

.site-primary-footer-wrap {
    background: #171c21 !important;
    border-top: 4px solid #c84e16;
}

.site-primary-footer-wrap .ast-builder-grid-row {
    padding-top: 58px;
    padding-bottom: 52px;
    align-items: start;
}

.site-primary-footer-wrap .site-footer-section {
    align-self: start;
}

/* Logo a popis */

.strojarem-footer-brand {
    max-width: 390px;
}

.strojarem-footer-logo,
.strojarem-footer-logo:visited {
    display: inline-block;
    margin-bottom: 20px;
    color: #ffffff !important;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.6px;
    text-decoration: none !important;
}

.strojarem-footer-logo span {
    color: #c84e16;
}

.strojarem-footer-brand p {
    margin: 0 0 15px;
    color: #bfc5ca;
    font-size: 15px;
    line-height: 1.7;
}

.strojarem-footer-brand .strojarem-footer-motto {
    margin-top: 21px;
    color: #ffffff;
    font-weight: 700;
}

/* Dva sloupce uvnitř Widgetu 2 */

.strojarem-footer-widget-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
}

/* Nadpisy */

.strojarem-footer-column h3 {
    margin: 2px 0 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
}

/* Menu */

.strojarem-footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.strojarem-footer-menu li {
    margin: 0 0 12px;
    padding: 0;
}

.strojarem-footer-menu a,
.strojarem-footer-menu a:visited {
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
    color: #cdd1d4 !important;
    font-size: 15px;
    line-height: 1.45;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.strojarem-footer-menu a::before {
    content: "›";
    flex: 0 0 auto;
    margin-top: -2px;
    color: #c84e16;
    font-size: 21px;
    line-height: 1;
}

.strojarem-footer-menu a:hover {
    color: #ffffff !important;
    transform: translateX(3px);
}

/* Odstranění výchozích mezer widgetů */

.site-primary-footer-wrap .widget {
    margin: 0;
}

.site-primary-footer-wrap .widget_block {
    margin-bottom: 0;
}

/* =====================================================
   SPODNÍ PATIČKA
   ===================================================== */

.site-below-footer-wrap {
    background: #11161a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-below-footer-wrap .ast-builder-grid-row {
    min-height: 68px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.strojarem-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

.strojarem-footer-bottom p {
    margin: 0;
    color: #929a9f;
    font-size: 13px;
    line-height: 1.5;
}

.strojarem-footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 22px;
}

.strojarem-footer-legal a,
.strojarem-footer-legal a:visited {
    color: #bfc5ca !important;
    font-size: 13px;
    text-decoration: none !important;
}

.strojarem-footer-legal a:hover {
    color: #c84e16 !important;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .strojarem-footer-widget-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .site-primary-footer-wrap .ast-builder-grid-row {
        padding-top: 44px;
        padding-bottom: 34px;
    }

    .site-primary-footer-wrap .site-footer-section {
        margin-bottom: 34px;
        text-align: left;
    }

    .site-primary-footer-wrap .site-footer-section:last-child {
        margin-bottom: 0;
    }

    .strojarem-footer-brand {
        max-width: none;
    }

    .strojarem-footer-widget-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .strojarem-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
        padding: 7px 0;
    }

    .strojarem-footer-legal {
        justify-content: flex-start;
        gap: 8px 16px;
    }
}
/* =====================================================
   OPRAVA ROZLOŽENÍ PATIČKY
   ===================================================== */

/* Zarovnání všech sloupců doleva */
.site-primary-footer-wrap .site-footer-section {
    text-align: left !important;
}

/* Rozložení tří hlavních prvků: HTML | Widget 1 | Widget 2 */
@media (min-width: 1025px) {
    .site-primary-footer-wrap .ast-builder-grid-row {
        display: grid !important;
        grid-template-columns:
            minmax(270px, 1.15fr)
            minmax(190px, 0.75fr)
            minmax(440px, 1.6fr) !important;
        column-gap: 65px !important;
        align-items: start !important;
    }
}

/* Dva sloupce uvnitř Widgetu 2 */
.strojarem-footer-widget-grid {
    display: grid;
    grid-template-columns:
        minmax(190px, 1.1fr)
        minmax(170px, 0.9fr);
    gap: 35px;
    align-items: start;
}

/* Text se nesmí lámat uprostřed slov */
.strojarem-footer-column h3,
.strojarem-footer-menu a,
.strojarem-footer-brand p {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

.strojarem-footer-column h3 {
    white-space: nowrap;
}

/* Výraznější logo */
.strojarem-footer-logo,
.strojarem-footer-logo:visited {
    display: inline-block;
    margin-bottom: 21px;
    color: #ffffff !important;
    font-size: 29px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

/* Levý text nepůsobí roztaženě */
.strojarem-footer-brand {
    max-width: 340px;
}

.strojarem-footer-brand p {
    text-align: left;
}

/* Trochu kompaktnější výška patičky */
.site-primary-footer-wrap .ast-builder-grid-row {
    padding-top: 48px !important;
    padding-bottom: 43px !important;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
    .site-primary-footer-wrap .ast-builder-grid-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 45px !important;
    }

    .site-primary-footer-wrap .site-footer-primary-section-3 {
        grid-column: 1 / -1;
    }

    .strojarem-footer-widget-grid {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
}

/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {
    .site-primary-footer-wrap .ast-builder-grid-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 34px !important;
        padding-top: 42px !important;
        padding-bottom: 34px !important;
    }

    .strojarem-footer-widget-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .strojarem-footer-column h3 {
        white-space: normal;
    }

    .strojarem-footer-brand {
        max-width: none;
    }
}
/* =====================================================
   PLYNULÉ NAPOJENÍ CTA NA PATIČKU – NABÍDKY PRÁCE
   ===================================================== */

/* CTA roztáhnout přes celou šířku obrazovky */
.sj-jobs-custom-archive .sj-archive-cta {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 68px 0 78px;

    /* Plynulý přechod do barvy patičky */
    background: linear-gradient(
        to bottom,
        #20262D 0%,
        #20262D 55%,
        #1B2228 82%,
        #171C21 100%
    );
}

/* Obsah CTA zůstane omezený na 1240 px */
.sj-jobs-custom-archive .sj-archive-cta__inner {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

/* Patička naváže stejnou barvou */
.sj-jobs-custom-archive .site-primary-footer-wrap {
    margin-top: 0 !important;
    background: #171C21 !important;
    border-top: 0 !important;
}

/* Odstranění případné mezery mezi oběma částmi */
.sj-jobs-custom-archive .site-footer {
    margin-top: 0 !important;
}

.sj-jobs-custom-archive .sj-jobs-archive {
    margin-bottom: 0 !important;
}

/* Patička může začínat o něco výše */
.sj-jobs-custom-archive
.site-primary-footer-wrap
.ast-builder-grid-row {
    padding-top: 46px !important;
}

/* Mobil */
@media (max-width: 767px) {
    .sj-jobs-custom-archive .sj-archive-cta {
        padding: 52px 0 64px;
    }

    .sj-jobs-custom-archive .sj-archive-cta__inner {
        width: min(100% - 32px, 1240px);
    }
}
.strojarem-story { width: 100%; max-width: 1200px; margin: 0 auto; padding: 80px 24px 90px; color: #20262d; } .strojarem-story__intro { max-width: 820px; margin: 0 auto; text-align: center; } .strojarem-story__eyebrow { display: block; margin-bottom: 10px; color: #c84e16; font-size: 14px; font-weight: 750; letter-spacing: 1.4px; text-transform: uppercase; } .strojarem-story h2 { margin: 0 0 22px; color: #20262d; font-size: clamp(34px, 4vw, 48px); line-height: 1.15; } .strojarem-story__lead { margin: 0; color: #56616a; font-size: 18px; line-height: 1.75; } .strojarem-story__details { margin-top: 32px; } .strojarem-story__details summary { display: flex; align-items: center; justify-content: center; width: fit-content; min-height: 52px; margin: 0 auto; padding: 12px 26px; cursor: pointer; list-style: none; background: transparent; border: 1px solid #20262d; border-radius: 7px; color: #20262d; font-size: 16px; font-weight: 700; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .strojarem-story__details summary::-webkit-details-marker { display: none; } .strojarem-story__details summary:hover { background: #20262d; border-color: #20262d; color: #ffffff; } .strojarem-story__details summary:focus-visible { outline: 3px solid rgba(200, 78, 22, 0.35); outline-offset: 3px; } .strojarem-story__hide-text { display: none; } .strojarem-story__details[open] .strojarem-story__show-text { display: none; } .strojarem-story__details[open] .strojarem-story__hide-text { display: inline; } .strojarem-story__content { max-width: 900px; margin: 46px auto 0; } .strojarem-story__content h3 { margin: 42px 0 14px; color: #20262d; font-size: 27px; line-height: 1.25; } .strojarem-story__content h3:first-child { margin-top: 0; } .strojarem-story__content p { margin: 0 0 18px; color: #56616a; font-size: 17px; line-height: 1.75; } .strojarem-story__highlight { margin-top: 42px; padding: 30px 32px; background: #f5f6f4; border-left: 4px solid #c84e16; border-radius: 0 8px 8px 0; } .strojarem-story__highlight h3 { margin: 0 0 12px; } .strojarem-story__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 38px; } .strojarem-story__button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 25px; border: 1px solid #c84e16; border-radius: 7px; background: #c84e16; color: #ffffff !important; font-weight: 700; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .strojarem-story__button:hover { background: #a94314; border-color: #a94314; transform: translateY(-2px); } .strojarem-story__button--secondary { background: transparent; border-color: #20262d; color: #20262d !important; } .strojarem-story__button--secondary:hover { background: #20262d; border-color: #20262d; color: #ffffff !important; } @media (max-width: 767px) { .strojarem-story { padding: 58px 20px 68px; } .strojarem-story__lead { font-size: 17px; } .strojarem-story__details summary { width: 100%; } .strojarem-story__content { margin-top: 34px; } .strojarem-story__content h3 { margin-top: 34px; font-size: 24px; } .strojarem-story__content p { font-size: 16px; } .strojarem-story__highlight { padding: 24px 22px; } .strojarem-story__actions { display: grid; grid-template-columns: 1fr; } .strojarem-story__button { width: 100%; } }