.elementor-4754 .elementor-element.elementor-element-f9848b1{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4754 .elementor-element.elementor-element-f9848b1:not(.elementor-motion-effects-element-type-background), .elementor-4754 .elementor-element.elementor-element-f9848b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFE3E8;}.elementor-4754 .elementor-element.elementor-element-fcf4e3e{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4754 .elementor-element.elementor-element-f9848b1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4754 .elementor-element.elementor-element-f9848b1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-fcf4e3e */:root {
    --yellow: #ffd450;
    --text-dark: #101828;
    --text-gray: #667085;
}

header {
    /* Теперь фон и отступы контролирует Elementor, а мы только управляем контентом */
    background-color: #fdfdfd; /* Фон для самой карточки */
    border-radius: 5px;
    padding: 16px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    width: 100%; /* Занимает всю ширину родителя (внутренней секции) */
}

/* Все остальные стили .logo, nav, .btn и т.д. остаются без изменений */
.logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.logo-symbol {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
    padding: 8px 12px;
    border-radius: 5px;
}

.logo-text {
    font-size: 12px;
    color: var(--text-gray);
    line-height: 1.4;
}

nav {
    display: flex;
    gap: 32px;
}

nav a {
    text-decoration: none;
    color: var(--text-gray);
    font-weight: 500;
    font-size: 16px;
}

.btn {
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.2s ease;
}

.btn-yellow {
    background-color: var(--yellow);
    color: var(--text-dark);
}/* End custom CSS */