/* ==========================================================
   UPDATE 034 — INTERNAL PAGES FIX
   Homepage is intentionally not affected.
   ========================================================== */

/* ----------------------------------------------------------
   1. Converted Elementor pages:
      white-on-white content inside the first blue hero.
   ---------------------------------------------------------- */

/* The old converted hero sometimes contains a white card.
   Keep its content, but remove the white panel so the heading
   and text are visible directly on the blue hero. */
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-icon-box,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-image-box,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-testimonial{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#fff !important;
}

/* Some migrated blocks have extra padding that creates the giant white panel. */
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card{
    padding:12px 0 !important;
    min-height:0 !important;
}

/* Text inside a former white card must remain white on the blue hero. */
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card h1,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card h2,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card h3,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card h4,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card p,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-card li,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-icon-box h1,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-icon-box h2,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-icon-box h3,
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-icon-box p{
    color:#fff !important;
}

/* Restore a normal hero width and prevent migrated inline widths
   from making the heading block tiny. */
.aa-converted-page > .aa-native-section:first-child > .aa-native-inner{
    width:min(calc(100% - 48px),1120px) !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.aa-converted-page > .aa-native-section:first-child .aa-native-columns{
    width:100% !important;
    max-width:none !important;
}

.aa-converted-page > .aa-native-section:first-child .aa-native-col{
    max-width:none !important;
}

/* Keep white buttons white. They should not be cleared by the hero fix. */
.aa-converted-page > .aa-native-section:first-child.aa-section-blue .aa-button{
    background:#fff !important;
    color:#1472df !important;
    box-shadow:0 7px 22px rgba(0,69,160,.10) !important;
}


/* ----------------------------------------------------------
   2. "12 шагов": restore full content width.
   ---------------------------------------------------------- */

body.aa-page-slug-12-shagov .aa-twelve-content{
    width:100% !important;
    max-width:none !important;
    background:#f7f9fc;
}

body.aa-page-slug-12-shagov .aa-twelve-content > .aa-native-section{
    width:100% !important;
    max-width:none !important;
}

body.aa-page-slug-12-shagov .aa-twelve-content > .aa-native-section > .aa-native-inner,
body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-inner{
    width:min(calc(100% - 48px),1120px) !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-columns{
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
}

body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-col{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:none !important;
    margin:0 !important;
}

/* Remove fixed/narrow widths inherited from migrated widgets/cards. */
body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-widget,
body.aa-page-slug-12-shagov .aa-twelve-content .aa-card{
    max-width:none !important;
}

/* The outer content block should not look like one narrow tall card. */
body.aa-page-slug-12-shagov .aa-twelve-content > .aa-native-section:not(:first-child){
    padding-top:58px !important;
    padding-bottom:72px !important;
}

body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-col{
    padding:26px 28px !important;
    border:1px solid #e2eaf1 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(28,50,79,.055) !important;
}

/* Title "Вот эти 12 шагов" spans the full grid if it is its own first column. */
body.aa-page-slug-12-shagov .aa-twelve-content
.aa-native-columns > .aa-native-col:first-child:has(.aa-heading:only-child){
    grid-column:1 / -1 !important;
    padding:0 0 16px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* Desktop typography */
body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-col h2,
body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-col h3{
    font-size:clamp(1.25rem,1.8vw,1.55rem) !important;
}

body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-col p{
    font-size:1rem;
    line-height:1.65;
}


/* ----------------------------------------------------------
   3. General converted-page content width.
   ---------------------------------------------------------- */

.aa-converted-page > .aa-native-section:not(:first-child) > .aa-native-inner{
    width:min(calc(100% - 48px),1120px) !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Prevent accidental narrow column widths after Elementor removal. */
.aa-converted-page .aa-native-columns{
    max-width:100% !important;
}


/* Responsive */
@media(max-width:800px){
    body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-columns{
        grid-template-columns:1fr !important;
    }

    .aa-converted-page > .aa-native-section:first-child > .aa-native-inner,
    .aa-converted-page > .aa-native-section:not(:first-child) > .aa-native-inner,
    body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-inner{
        width:min(calc(100% - 28px),1120px) !important;
    }
}

@media(max-width:560px){
    body.aa-page-slug-12-shagov .aa-twelve-content .aa-native-col{
        padding:22px 20px !important;
    }
}