/* Extracted from nalivnoj-akril-stalnye-vanny.html block 1 */
body { background:#f6f8fb; color:#102033; }
.content.article-page { margin-left:210px !important; max-width:none !important; padding:52px 30px 82px !important; box-sizing:border-box; }
.article-shell { width:min(100%,1120px); margin:0 auto; }
.article-breadcrumbs { margin:0 0 18px; color:#617385; font-size:14px; line-height:1.4; }
.article-breadcrumbs a { color:#1d5789; font-weight:800; text-decoration:none; }
.article-hero,.article-layout,.article-faq,.article-cta,.article-note,.article-aside__card { border:1px solid #dbe7ed; border-radius:8px; background:#fff; box-shadow:0 16px 42px rgba(16,32,51,.08); }
.article-hero { display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:26px; overflow:hidden; margin-bottom:22px; }
.article-hero__text { padding:34px; }
.article-kicker { display:inline-flex; margin-bottom:14px; padding:7px 12px; border:1px solid #b9d8df; border-radius:8px; background:#ecfeff; color:#0e7490; font-size:13px; line-height:1.2; font-weight:900; text-transform:uppercase; }
.article-hero h1 { margin:0 0 16px; color:#102033; font-size:42px; line-height:1.12; font-weight:900; text-transform:uppercase; }
.article-lead { margin:0; color:#3b4d61; font-size:18px; line-height:1.65; }
.article-hero__image { margin:0; min-height:100%; background:#eaf4ff; }
.article-hero__image img { display:block; width:100%; height:100%; min-height:360px; object-fit:cover; }
.article-hero__image figcaption { padding:14px 18px; background:#102033; color:#d8e5ee; font-size:14px; line-height:1.45; }
.article-expert { display:grid; grid-template-columns:58px 1fr; gap:14px; align-items:center; margin-top:24px; padding:16px; border-radius:8px; background:#f7fbff; border:1px solid #d6e8f5; }
.article-expert__avatar { width:58px; height:58px; border-radius:50%; overflow:hidden; background:#dbe7ed; }
.article-expert__avatar img { width:100%; height:100%; object-fit:cover; object-position:left center; }
.article-expert strong { display:block; margin-bottom:4px; color:#1d5789; font-size:17px; line-height:1.25; }
.article-expert span { color:#526474; font-size:14px; line-height:1.4; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; padding:30px; align-items:start; }
.article-main h2 { margin:0 0 14px; color:#102033; font-size:28px; line-height:1.25; font-weight:900; text-transform:none; }
.article-main h2:not(:first-child) { margin-top:34px; }
.article-main p { margin:0 0 16px; color:#3b4d61; font-size:17px; line-height:1.68; }
.article-photo { margin:24px 0 28px; border-radius:8px; overflow:hidden; border:1px solid #dbe7ed; background:#f7fbff; }
.article-photo img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.article-photo figcaption { padding:13px 16px; color:#526474; font-size:14px; line-height:1.45; background:#f7fbff; }
.article-materials { margin:32px 0 0; padding:22px; border:1px solid #dbe7ed; border-radius:8px; background:#f7fbff; }
.article-materials__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.article-materials__grid figure { margin:0; border:1px solid #dbe7ed; border-radius:8px; overflow:hidden; background:#fff; }
.article-materials__grid img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#fff; }
.article-materials__grid figcaption { padding:12px 14px; color:#526474; font-size:14px; line-height:1.45; }
.article-materials a { color:#1d5789; font-weight:900; text-decoration:none; }
.article-note { margin:24px 0; padding:18px 20px; background:#fffaf0; border-color:#f4d08a; box-shadow:none; }
.article-note strong { display:block; margin-bottom:6px; color:#7a4d00; font-size:16px; }
.article-note p { margin:0; color:#4c3a18; }
.article-aside { display:grid; gap:16px; position:sticky; top:24px; }
.article-aside__card { padding:20px; box-shadow:0 10px 24px rgba(16,32,51,.06); }
.article-aside__card h2 { margin:0 0 12px; color:#102033; font-size:21px; line-height:1.25; font-weight:900; text-transform:none; }
.article-aside__card ul { margin:0; padding:0; }
.article-aside__card li { list-style:none; position:relative; padding:9px 0 9px 24px; border-top:1px solid #e5edf2; color:#3b4d61; font-size:15px; line-height:1.45; }
.article-aside__card li:first-child { border-top:0; }
.article-aside__card li::before { content:""; position:absolute; left:0; top:14px; width:12px; height:12px; border-radius:50%; background:#1d5789; box-shadow:inset 0 0 0 4px #eaf4ff; }
.article-faq { margin-top:22px; padding:28px 30px; }
.article-faq h2 { margin:0 0 16px; color:#102033; font-size:28px; line-height:1.25; font-weight:900; }
.article-faq details { border:1px solid #dbe7ed; border-radius:8px; background:#fff; overflow:hidden; margin-top:10px; }
.article-faq summary { position:relative; display:block; padding:16px 52px 16px 18px; color:#102033; font-size:17px; line-height:1.35; font-weight:900; cursor:pointer; }
.article-faq summary::-webkit-details-marker { display:none; }
.article-faq summary::after { content:"+"; position:absolute; right:16px; top:50%; width:28px; height:28px; margin-top:-14px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eaf4ff; color:#1d5789; font-size:22px; font-weight:900; }
.article-faq details[open] summary::after { content:"-"; }
.article-faq details p { margin:0; padding:0 18px 16px; color:#3b4d61; font-size:16px; line-height:1.58; }
.article-cta { margin-top:22px; padding:22px 24px; display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; background:#f5f8fb; }
.article-cta p { margin:0; color:#3b4d61; font-size:16px; line-height:1.55; }
.article-cta a { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:0 16px; border-radius:8px; background:#1d5789; color:#fff !important; font-size:15px; line-height:1.2; font-weight:900; text-align:center; text-decoration:none; }
.article-cta a.article-cta__ghost { background:#eaf4ff; color:#1d5789 !important; }
@media (max-width:1050px) { .article-hero,.article-layout { grid-template-columns:1fr; } .article-aside { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:990px) { .content.article-page { margin-left:0 !important; padding:108px 20px 64px !important; } .article-hero h1 { font-size:34px; } .article-cta { grid-template-columns:1fr; } }
@media (max-width:640px) { .content.article-page { padding:90px 10px 54px !important; } .article-hero__text,.article-layout,.article-faq { padding:22px 18px; } .article-hero h1 { font-size:29px; } .article-lead { font-size:16px; } .article-hero__image img { min-height:240px; } .article-aside,.article-materials__grid { grid-template-columns:1fr; } }