.evolkov-commercial { margin:0!important; padding:128px 20px 80px; color:#121212; background:#fff; }
.evolkov-commercial>article { max-width:1120px; margin:0 auto; }
.commercial-hero { max-width:960px; padding-bottom:44px; border-bottom:1px solid #dfe4ec; }
.commercial-eyebrow { margin:32px 0 16px; font-size:12px; color:#666666; letter-spacing:.14em; text-transform:uppercase; }
.commercial-hero h1 { max-width:900px; margin:0; font-size:clamp(34px,5vw,58px); font-weight:600; letter-spacing:-.04em; line-height:1.07; }
.commercial-lead { max-width:820px; margin:24px 0 0; font-size:20px; line-height:1.6; color:#404040; }
.commercial-cta { display:inline-flex; gap:12px; align-items:center; min-height:50px; margin-top:28px; padding:0 22px; border:1px solid #121212; border-radius:8px; background:#121212; color:#fff; text-decoration:none; font-size:16px; }
.commercial-cta:hover { background:#333; border-color:#333; }
.commercial-content { max-width:960px; margin-top:40px; }
.commercial-content :is(p,li) { font-size:18px; line-height:1.75; color:#404040; }
.commercial-content p { max-width:820px; margin:16px 0 24px; }
.commercial-content h2 { margin:48px 0 20px; font-size:clamp(27px,3vw,36px); font-weight:600; letter-spacing:-.025em; line-height:1.2; }
.commercial-content h3 { margin:30px 0 12px; font-size:22px; line-height:1.3; font-weight:600; letter-spacing:-.015em; }
.commercial-content ul,.commercial-content ol { padding-left:24px; margin:20px 0 30px; }
.commercial-content li { margin:10px 0; padding-left:6px; }
.commercial-content a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.commercial-content a:hover { text-decoration-thickness:2px; }
.evolkov-commercial :is(a,button,summary):focus-visible { outline:2px solid #181818; outline-offset:4px; }
.evolkov-direct-contacts { display:flex; gap:12px; align-items:center; margin:20px 0; }
.evolkov-direct-contacts a { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border:0; border-radius:8px; background:#f0e8da; color:#30251c; text-decoration:none; transition:background-color .2s,transform .2s; }
.evolkov-direct-contacts a:hover { background:#fff8ed; transform:translateY(-2px); }
.evolkov-direct-contacts .shell-icon,.evolkov-direct-contacts svg { display:block; width:22px; height:22px; }
.evolkov-direct-contacts a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .evolkov-direct-contacts a { transition:none; } .evolkov-direct-contacts a:hover { transform:none; } }
.commercial-section { margin-top:48px; padding-top:4px; border-top:1px solid #dfe4ec; }
.commercial-faq { margin-top:48px; }
.commercial-faq details { padding:22px 0; border-bottom:1px solid #dfe4ec; }
.commercial-faq summary { font-size:18px; font-weight:500; line-height:1.5; cursor:pointer; }
.commercial-faq details p { margin-bottom:0; }
.commercial-contact { margin:56px 0 40px; padding:28px 0; border-top:2px solid #121212; border-bottom:0; }
.commercial-contact h2 { margin-top:0; }
.commercial-gallery { display:grid; gap:20px; margin:40px 0; }
.commercial-gallery figure { margin:0; }
.commercial-content img { display:block; width:100%; height:auto; border:1px solid #e6e9ef; border-radius:8px; }
.commercial-index { display:grid; gap:36px; }
.commercial-index-item { padding-bottom:30px; border-bottom:1px solid #dfe4ec; }
.commercial-index-item h2 { margin-top:20px; font-size:27px; }
.commercial-index-item img { aspect-ratio:16/10; object-fit:cover; }
.commercial-index-item figure { margin:0; }
.commercial-index-item p { margin:12px 0; }
.commercial-index > .commercial-index-item { margin-block:0; display:flex; flex-direction:column; }
.commercial-index > .commercial-index-item > :first-child { margin-block-start:0; }
.commercial-index > .commercial-index-item > :last-child { margin-block-start:auto; padding-top:12px; }
.commercial-index > .commercial-index-item > h2 { min-height:2.4em; }
.evolkov-commercial :is(h1,h2,h3,p,li,a) { overflow-wrap:anywhere; }
.evolkov-commercial :is(h2,h3) { scroll-margin-top:30px; }
@media(min-width:770px) { .evolkov-commercial { padding-top:156px; } .commercial-index { grid-template-columns:repeat(2,minmax(0,1fr)); } .commercial-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); } }