.shablon4 {
        --brand: #39546F;
        --brand-dark: #1f3144;
        --brand-mid: #2d4a63;
        --ink: #111827;
        --muted: #4b5563;
        --surface: #f1f5f9;
        --surface-2: #e8eef5;
        --white: #fff;
        --radius: 28px;
        --radius-sm: 16px;
        --font: "Segoe UI", system-ui, -apple-system, sans-serif;
        max-width: 1120px;
        margin: 0 auto;
        padding: 24px 16px 48px;
        font-family: var(--font);
        color: var(--muted);
        line-height: 1.65;
        box-sizing: border-box;
    }

    .shablon4 *, .shablon4 *::before, .shablon4 *::after { box-sizing: border-box; }

    .s4-wrap {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 8px;
    }

    .s4-wrap--band {
        max-width: 100%;
        padding: 0 12px;
    }

    .s4-h2--center {
        text-align: center;
    }

    .s4-lead--center {
        text-align: center;
        max-width: 62ch;
        margin-left: auto;
        margin-right: auto;
    }

    .s4-lead--wide {
        max-width: none;
        width: 100%;
    }

    .s4-prose--center {
        max-width: 62ch;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .s4-prose--tail {
        margin-bottom: 0;
    }

    .s4-price-deliver {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        align-items: stretch;
    }

    .s4-soft-panel {
        margin: 0;
        padding: clamp(22px, 3.5vw, 36px) clamp(18px, 3vw, 24px);
        background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
        border-radius: var(--radius);
        min-width: 0;
    }

    .s4-soft-panel .s4-h2 {
        margin-bottom: 12px;
    }

    .s4-sell-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(20px, 4vw, 40px);
        align-items: start;
    }

    .s4-sell-grid .s4-h2 {
        margin-bottom: 12px;
    }

    .s4-checklist--sell {
        max-width: none;
        margin: 0;
        padding: 18px 20px;
        background: rgba(255, 255, 255, 0.72);
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
    }

    .s4-checklist--sell li {
        padding-left: 0;
    }

    .s4-checklist--sell li::before {
        display: none;
    }

    .s4-kicker {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--brand);
        margin: 0 0 12px;
    }

    .s4-hero__copy .s4-kicker {
        color: rgba(255, 255, 255, 0.95);
    }

    .s4-hero {
        position: relative;
        margin-bottom: 0;
        border-radius: var(--radius);
        overflow: hidden;
        background: var(--brand-dark);
    }

    .s4-hero__bg {
        position: absolute;
        inset: 0;
        background:
            radial-gradient(ellipse 80% 60% at 100% 0%, rgba(57, 84, 111, 0.45), transparent),
            radial-gradient(ellipse 50% 50% at 0% 100%, rgba(147, 197, 253, 0.12), transparent),
            linear-gradient(145deg, var(--brand-dark) 0%, var(--brand) 55%, var(--brand-mid) 100%);
        opacity: 1;
    }

    .s4-hero__inner {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.95fr);
        gap: clamp(24px, 4vw, 48px);
        align-items: center;
        padding: clamp(28px, 5vw, 52px);
        z-index: 1;
    }

    .s4-hero__copy {
        color: rgba(255, 255, 255, 0.95);
    }

    .s4-hero__title {
        font-size: clamp(1.65rem, 4.2vw, 2.35rem);
        font-weight: 800;
        line-height: 1.15;
        letter-spacing: -0.03em;
        margin: 0 0 16px;
        color: #fff;
    }

    .s4-hero__lead {
        color: white !important;
        font-size: 1.05rem;
        opacity: 0.92;
        margin: 0 0 22px;
        max-width: 36em;
    }

    .s4-hero__cta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 22px;
    }

    .s4-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 14px 22px;
        border-radius: 999px;
        font-weight: 700;
        font-size: 15px;
        text-decoration: none !important;
        border: 2px solid transparent;
        transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
    }

    .s4-btn--primary {
        background: #fff !important;
        color: var(--brand-dark) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
    }

    .s4-btn--primary:hover {
        transform: translateY(-2px);
    }

    .s4-btn--ghost {
        background: rgba(255, 255, 255, 0.1) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
        color: #fff !important;
    }

    .s4-btn--on-dark {
        border-color: rgba(255, 255, 255, 0.55) !important;
        color: #fff !important;
        background: transparent !important;
    }

    .s4-trust {
        color: white !important;
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 8px;
        font-size: 14px;
        opacity: 0.9;
    }

    .s4-trust li {
        padding-left: 22px;
        position: relative;
    }

    .s4-trust li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.55em;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: linear-gradient(135deg, #fff, #93c5fd);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
    }

    .s4-hero__photo {
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35);
        transform: rotate(1.5deg);
    }

    .s4-hero__photo img {
        display: block;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

    .s4-metrics {
        margin: -28px 8px 0;
        position: relative;
        z-index: 2;
    }

    .s4-metrics__inner {
        background: var(--white);
        border-radius: var(--radius-sm);
        padding: 20px 22px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        box-shadow: 0 20px 50px rgba(17, 24, 39, 0.1);
        border: 1px solid #e2e8f0;
    }

    .s4-metric {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 6px;
        padding: 6px 8px;
    }

    .s4-metric__v {
        display: block;
        font-weight: 800;
        font-size: 1.15rem;
        color: var(--brand);
        letter-spacing: -0.02em;
        text-align: center;
    }

    .s4-metric__l {
        display: block;
        font-size: 12px;
        color: var(--muted);
        line-height: 1.35;
        text-align: center;
    }

    .s4-section {
        padding: clamp(22px, 3.5vw, 32px) 0;
    }

    .s4-section--soft {
        margin-top: 14px;
        padding: clamp(22px, 3.5vw, 36px) 20px;
        background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
        border-radius: var(--radius);
    }

    .s4-section--curve {
        margin-top: 16px;
        padding: clamp(24px, 3.5vw, 40px) 20px;
        background: linear-gradient(165deg, var(--brand-dark) 0%, var(--brand) 50%, var(--brand-mid) 100%);
        border-radius: var(--radius);
        color: rgba(255, 255, 255, 0.92);
    }

    .s4-section--band {
        margin-top: 6px;
        padding: clamp(22px, 3.5vw, 36px) 20px;
        background: var(--brand);
        border-radius: var(--radius);
        color: rgba(255, 255, 255, 0.95);
    }

    .s4-section--mist {
        margin-top: 6px;
        padding: clamp(22px, 3.5vw, 36px) 20px;
        background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
        border-radius: var(--radius);
        border: 1px solid #e2e8f0;
    }

    .s4-h2 {
        font-size: clamp(1.35rem, 2.8vw, 1.75rem);
        font-weight: 800;
        color: var(--ink);
        margin: 0 0 14px;
        letter-spacing: -0.02em;
    }

    .s4-h2--light {
        color: #fff;
    }

    .s4-h3 {
        font-size: 1.2rem;
        font-weight: 800;
        color: var(--ink);
        margin: 0 0 8px;
    }

    .s4-lead {
        font-size: 1.05rem !important;
        margin: 0 0 20px;
        color: var(--muted);
    }

    .s4-lead--muted {
        color: rgba(255, 255, 255, 0.82) !important;
    }

    .s4-lead--center.s4-lead--muted {
        margin-left: auto;
        margin-right: auto;
    }

    .s4-prose {
        margin: 0 0 16px;
        max-width: none;
    }

    .s4-prose--light {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .s4-checklist {
        margin: 0;
        padding: 0;
        list-style: none;
        max-width: none;
    }

    .s4-checklist li {
        position: relative;
        padding: 10px 25px 10px 28px;
        border-bottom: 1px dashed #cbd5e1;
    }

    .s4-checklist li:last-child {
        border-bottom: none;
    }

    .s4-checklist li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 1.1em;
        width: 10px;
        height: 3px;
        background: var(--brand);
        border-radius: 2px;
    }

    .s4-type-duo {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 20px;
    }

    .s4-type-card {
        border-radius: 22px;
        overflow: hidden;
        background: var(--white);
        border: 1px solid #e5e7eb;
        box-shadow: 0 14px 36px rgba(17, 24, 39, 0.07);
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .s4-type-card__img {
        aspect-ratio: 16 / 10;
        overflow: hidden;
        background: var(--surface);
    }

    .s4-type-card__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .s4-type-card__body {
        padding: 20px 22px 22px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .s4-type-card__label {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--brand);
        margin-bottom: 6px;
    }

    .s4-type-card__body p {
        margin: 0 0 12px;
        flex: 1;
    }

    .s4-apply-bento {
        display: grid;
        grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
        grid-template-rows: minmax(150px, 1fr) minmax(150px, 1fr) minmax(130px, 0.9fr);
        gap: 11px;
        margin-top: 18px;
        min-height: 420px;
    }

    .s4-apply-intro {
        grid-column: 1;
        grid-row: 1 / 3;
        padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 28px);
        border-radius: 18px;
        background: linear-gradient(165deg, #fff 0%, var(--surface) 55%, var(--surface-2) 100%);
        border: 1px solid #e2e8f0;
        box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06);
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 0;
    }

    .s4-apply-intro p {
        margin: 0;
        font-size: clamp(0.98rem, 1.8vw, 1.08rem);
        line-height: 1.65;
        color: var(--muted);
    }

    .s4-apply-intro strong {
        color: var(--ink);
    }

    .s4-apply-tile--logistics {
        grid-column: 1;
        grid-row: 3;
    }

    .s4-apply-tile--prod {
        grid-column: 2;
        grid-row: 1;
    }

    .s4-apply-tile--living {
        grid-column: 2;
        grid-row: 2;
    }

    .s4-apply-tile--cold {
        grid-column: 2;
        grid-row: 3;
    }

    .s4-apply-tile {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        aspect-ratio: 4 / 3;
        min-height: 140px;
        background: var(--surface);
    }

    .s4-apply-tile--bento {
        aspect-ratio: auto;
        height: 100%;
        min-height: 120px;
    }

    .s4-apply-tile img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .s4-apply-tile__cap {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 16px;
        font-size: clamp(14px, 2vw, 17px);
        font-weight: 800;
        color: #fff;
        text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
        z-index: 1;
        line-height: 1.25;
    }

    .s4-apply-tile::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(17, 24, 39, 0.15) 0%, rgba(17, 24, 39, 0.55) 100%);
        z-index: 0;
    }

    .s4-core-list {
        display: grid;
        gap: 0;
        margin-top: 20px;
        max-width: min(100%, 980px);
        margin-left: auto;
        margin-right: auto;
    }

    .s4-core-item {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) clamp(104px, 22vw, 148px);
        gap: 18px 22px;
        padding: 22px 0;
        border-bottom: 1px solid #dbe4ef;
        align-items: start;
    }

    .s4-core-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .s4-core-item__n {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(145deg, var(--brand), var(--brand-dark));
        color: #fff;
        font-weight: 800;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .s4-core-item__text {
        min-width: 0;
    }

    .s4-core-item .s4-h3 {
        margin-bottom: 6px;
    }

    .s4-core-item p {
        margin: 0;
        font-size: 15px;
    }

    .s4-core-item__media {
        aspect-ratio: 1;
        border-radius: 14px;
        overflow: hidden;
        background: #e2e8f0;
        border: 1px solid #cbd5e1;
        box-shadow: 0 4px 14px rgba(17, 24, 39, 0.06);
        align-self: start;
    }

    .s4-core-item__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .s4-quoteblocks--split {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(20px, 4vw, 36px);
        align-items: stretch;
        margin-top: 8px;
    }

    .s4-quote-panel {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 200px;
        padding: 28px 22px;
        background: rgba(255, 255, 255, 0.82);
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
        box-shadow: 0 8px 24px rgba(17, 24, 39, 0.05);
    }

    .s4-quote--panel {
        margin: 0;
        padding: 0;
        border: none;
        max-width: 38ch;
    }

    .s4-quote--panel p {
        margin: 0;
        text-align: center;
        font-size: 1.05rem;
        line-height: 1.55;
        color: var(--ink);
    }

    .s4-accentlist--balanced li {
        text-align: left;
    }

    .s4-life-split {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(160px, 0.45fr) minmax(220px, 0.72fr);
        gap: clamp(18px, 3.5vw, 28px);
        align-items: center;
    }

    .s4-life-copy {
        min-width: 0;
    }

    .s4-life-media {
        margin: 0;
        border-radius: var(--radius-sm);
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.22);
        box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
        align-self: center;
    }

    .s4-life-media img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
        aspect-ratio: 4 / 5;
    }

    .s4-life-aside {
        background: rgba(255, 255, 255, 0.12);
        border-radius: var(--radius-sm);
        padding: 24px 22px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.22);
    }

    .s4-life-aside__num {
        display: block;
        font-size: clamp(2.2rem, 5vw, 3rem);
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.03em;
    }

    .s4-life-aside__cap {
        display: block;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.45;
        opacity: 0.9;
    }

    .s4-tips.s4-tips--wide {
        max-width: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .s4-link {
        display: inline-block;
        margin-top: 12px;
        font-weight: 700;
        color: var(--brand) !important;
        text-decoration: none !important;
    }

    .s4-link:hover {
        text-decoration: underline !important;
    }

    .s4-extras-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 22px;
    }

    .s4-extras-card {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: linear-gradient(165deg, #fff 0%, var(--surface) 55%, var(--surface-2) 100%);
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
        min-width: 0;
        box-shadow: 0 8px 24px rgba(17, 24, 39, 0.05);
    }

    .s4-extras-card__media {
        aspect-ratio: 16 / 10;
        overflow: hidden;
        background: var(--surface);
        flex-shrink: 0;
    }

    .s4-extras-card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .s4-extras-card__body {
        padding: clamp(18px, 3vw, 22px) 20px clamp(20px, 3vw, 24px);
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .s4-extras-card .s4-h3 {
        font-size: 1.08rem;
    }

    .s4-extras-card__body > p:not(.s4-extras__kicker) {
        margin: 0 0 12px;
        font-size: 15px;
    }

    .s4-extras-card .s4-link {
        margin-top: auto;
    }

    .s4-extras__kicker {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--brand);
        margin: 0 0 8px;
    }

    .s4-more-products {
        margin-top: clamp(26px, 4vw, 36px);
        padding-top: clamp(20px, 3vw, 26px);
        border-top: 1px dashed #cbd5e1;
    }

    .s4-more-products__title {
        text-align: center;
        font-weight: 800;
        color: var(--ink);
        margin: 0 0 16px;
        font-size: 1.05rem;
        letter-spacing: -0.02em;
    }

    .s4-more-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .s4-more-card {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 56px;
        padding: 16px 14px;
        border-radius: var(--radius-sm);
        background: linear-gradient(120deg, #fff 0%, var(--surface) 100%);
        border: 1px solid #e2e8f0;
        font-weight: 700;
        font-size: 15px;
        color: var(--brand-dark) !important;
        text-decoration: none !important;
        transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
    }

    .s4-more-card:hover {
        box-shadow: 0 12px 30px rgba(17, 24, 39, 0.09);
        transform: translateY(-2px);
        border-color: #cbd5e1;
    }

    .s4-more-card span {
        line-height: 1.35;
    }

    .s4-specgrid {
        margin: 24px 0 0;
        display: grid;
        gap: 0;
    }

    .s4-specrow {
        display: grid;
        grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
        gap: 16px 24px;
        padding: 16px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .s4-specrow:last-child {
        border-bottom: none;
    }

    .s4-specrow dt {
        font-weight: 800;
        color: #fff;
        margin: 0;
    }

    .s4-specrow dd {
        margin: 0;
        color: rgba(255, 255, 255, 0.88);
    }

    .s4-quoteblocks {
        display: grid;
        gap: 24px;
    }

    .s4-quote {
        margin: 0;
        padding: 0 0 0 22px;
        border-left: 4px solid var(--brand);
    }

    .s4-quote p {
        margin: 0;
        font-size: 1.1rem;
        color: var(--ink);
    }

    .s4-accentlist {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .s4-accentlist li {
        padding: 14px 0;
        border-bottom: 1px solid #d8e0ea;
    }

    .s4-accentlist li:last-child {
        border-bottom: none;
    }

    .s4-advstrip {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 8px;
    }

    .s4-advitem {
        flex: 1 1 200px;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px 18px;
        border-radius: 999px;
        background: linear-gradient(120deg, #fff 0%, var(--surface) 100%);
        border: 1px solid #e2e8f0;
    }

    .s4-advitem__i {
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: var(--brand);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s4-advitem__i svg {
        width: 22px;
        height: 22px;
        stroke-width: 2px;
    }

    .s4-advitem__t {
        font-weight: 700;
        font-size: 14px;
        color: var(--ink);
        line-height: 1.35;
    }

    .s4-steps {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 24px;
        width: 100%;
    }

    .s4-step {
        margin: 0;
        padding: 20px 22px 22px;
        border-radius: var(--radius-sm);
        background: linear-gradient(165deg, #fff 0%, var(--surface) 100%);
        border: 1px solid #e2e8f0;
        box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06);
    }

    .s4-step__head {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 12px;
        flex-wrap: wrap;
    }

    .s4-step__n {
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: linear-gradient(145deg, var(--brand), var(--brand-dark));
        color: #fff;
        font-weight: 800;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s4-step__title {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 800;
        color: var(--ink);
        line-height: 1.3;
    }

    .s4-step__text {
        margin: 0;
        font-size: 15px;
        line-height: 1.6;
        color: var(--muted);
    }

    .s4-note {
        margin: 20px 0 0;
        font-size: 14px;
        color: var(--muted);
        font-style: italic;
    }

    .s4-note--center {
        text-align: center;
        max-width: none;
    }

    .s4-tips {
        margin: 12px 0 0;
        padding: 0;
        list-style: none;
        max-width: none;
    }

    .s4-tips li {
        padding: 14px 0 14px 26px;
        position: relative;
        border-bottom: 1px solid #e5e7eb;
    }

    .s4-tips li::before {
        content: "→";
        position: absolute;
        left: 0;
        color: var(--brand);
        font-weight: 800;
    }

    .s4-cta {
        margin-top: 18px;
        padding: clamp(22px, 3.5vw, 34px) 16px;
        border-radius: var(--radius);
        background: linear-gradient(135deg, var(--brand-dark), var(--brand));
        color: #fff !important;
    }

    .s4-cta__inner {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: clamp(16px, 3vw, 28px);
    }

    .s4-cta__copy {
        min-width: 0;
    }

    .s4-cta__title {
        margin-bottom: 8px !important;
    }

    .s4-cta__text {
        color: white !important;
        margin: 0;
        opacity: 0.92;
        max-width: 40em;
    }

    .s4-cta__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: flex-end;
    }

    .s4-faq {
        margin-top: 12px;
    }

    .s4-faq__item {
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
        background: var(--white);
        margin-bottom: 10px;
        padding: 4px 18px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.04);
    }

    .s4-faq__item summary {
        cursor: pointer;
        font-weight: 800;
        color: var(--ink);
        padding: 14px 0;
        list-style: none;
    }

    .s4-faq__item summary::-webkit-details-marker {
        display: none;
    }

    .s4-faq__item summary::after {
        content: "+";
        float: right;
        color: var(--brand);
        font-weight: 800;
    }

    .s4-faq__item[open] summary::after {
        content: "−";
    }

    .s4-faq__item p {
        margin: 0 0 16px;
        padding-top: 4px;
        border-top: 1px dashed #e2e8f0;
        font-size: 15px;
    }

    @media (max-width: 900px) {
        .s4-hero__inner {
            grid-template-columns: 1fr;
        }

        .s4-hero__photo {
            transform: none;
            max-width: 480px;
            margin: 0 auto;
        }

        .s4-metrics__inner {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .s4-sell-grid {
            grid-template-columns: 1fr;
        }

        .s4-type-duo {
            grid-template-columns: 1fr;
        }

        .s4-apply-bento {
            grid-template-columns: 1fr;
            grid-template-rows: none;
            min-height: 0;
        }

        .s4-apply-intro {
            grid-column: 1;
            grid-row: auto;
        }

        .s4-apply-tile--logistics,
        .s4-apply-tile--prod,
        .s4-apply-tile--living,
        .s4-apply-tile--cold {
            grid-column: 1;
            grid-row: auto;
            min-height: 200px;
            aspect-ratio: 16 / 10;
        }

        .s4-quoteblocks--split {
            grid-template-columns: 1fr;
        }

        .s4-quote-panel {
            min-height: 0;
            padding: 22px 18px;
        }

        .s4-steps {
            grid-template-columns: 1fr;
        }

        .s4-life-split {
            grid-template-columns: 1fr;
        }

        .s4-life-media {
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
            align-self: center;
        }

        .s4-life-media img {
            aspect-ratio: 16 / 10;
            min-height: 0;
        }

        .s4-cta__inner {
            grid-template-columns: 1fr;
        }

        .s4-cta__actions {
            justify-content: flex-start;
        }

        .s4-specrow {
            grid-template-columns: 1fr;
        }

        .s4-advitem {
            flex: 1 1 100%;
        }

        .s4-price-deliver {
            grid-template-columns: 1fr;
        }

        .s4-extras-grid {
            grid-template-columns: 1fr;
        }

        .s4-more-grid {
            grid-template-columns: 1fr;
        }

        .s4-core-item {
            grid-template-columns: auto minmax(0, 1fr);
            align-items: start;
        }

        .s4-core-item__media {
            grid-column: 2;
            grid-row: 2;
            width: 100%;
            max-width: 240px;
            justify-self: start;
            margin-top: 4px;
        }
    }

    @media (max-width: 560px) {
        .s4-metrics__inner {
            grid-template-columns: 1fr;
        }

        .shablon4 {
            padding-bottom: 64px;
        }
    }