/* Public integrations page - KENVARA compact product narrative. Only scoped selectors. */
.integrations-page .integration-hero{padding:26px 0 28px;background:#fff}
.integrations-page .integration-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:50px;align-items:center}
.integrations-page .integration-hero-main{min-width:0}
.integrations-page .integration-hero .overline{margin-bottom:10px;font-size:13px}
.integrations-page .integration-hero h1{font-size:36px;line-height:1.12;letter-spacing:-.032em;max-width:750px;margin:0;font-weight:700}
.integrations-page .integration-hero-lead{border-left:2px solid #beb4f2;padding:5px 0 5px 23px;margin:0;font-size:16px;line-height:1.62;color:var(--muted)}
.integrations-page .integration-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.integrations-page .integration-hero-actions .btn{min-height:39px;font-size:14px;padding:9px 15px}
.integrations-page .integration-benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f9fc}
.integrations-page .integration-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.integrations-page .integration-benefits-grid>div{display:flex;gap:7px;align-items:center;padding:12px 18px;border-right:1px solid var(--line);font-size:13px;line-height:1.45}
.integrations-page .integration-benefits-grid>div:first-child{padding-left:0}
.integrations-page .integration-benefits-grid>div:last-child{border-right:0}
.integrations-page .integration-benefits-grid strong{white-space:nowrap;font-size:14px;font-weight:700}
.integrations-page .integration-benefits-grid span{color:var(--muted)}
.integrations-page .integration-section{padding:36px 0}
.integrations-page .integration-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:42px;align-items:end;margin-bottom:20px}
.integrations-page .integration-section-heading .overline{font-size:13px;margin-bottom:7px}
.integrations-page .integration-section-heading h2{font-size:28px;line-height:1.18;letter-spacing:-.025em;margin:0;font-weight:700}
.integrations-page .integration-section-heading>p{font-size:15px;line-height:1.55;margin:0;color:var(--muted)}
.integrations-page .integration-platforms{background:#f8f9fc}
.integrations-page .integration-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.integrations-page .integration-platform{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:3px;padding:19px 19px 17px;min-width:0}
.integrations-page .integration-platform-wb{border-top:3px solid #c51b98}
.integrations-page .integration-platform-ozon{border-top:3px solid #1369e5}
.integrations-page .integration-platform-ym{border-top:3px solid #df3d3d}
.integrations-page .integration-platform-title{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.integrations-page .integration-platform-title h3{font-size:21px;line-height:1.25;margin:0;letter-spacing:-.02em}
.integrations-page .integration-platform-wb h3{color:#ac127d}
.integrations-page .integration-platform-ozon h3{color:#155cbd}
.integrations-page .integration-platform-ym h3{color:#b12c31}
.integrations-page .integration-ready,.integrations-page .integration-pending{padding:4px 7px;border:1px solid #e0e5ed;border-radius:2px;color:#546074;font-size:12px;line-height:1.25;white-space:nowrap}
.integrations-page .integration-pending{background:#f8f8fa}
.integrations-page .integration-platform>p{font-size:15px;line-height:1.55;margin:0 0 15px;color:var(--muted)}
.integrations-page .integration-platform-summary{display:grid;gap:4px;padding:11px 0;border-top:1px solid #edf0f4;margin-top:auto;font-size:14px;line-height:1.48}
.integrations-page .integration-platform-summary strong{font-size:13px}
.integrations-page .integration-platform-summary span{color:var(--muted)}
.integrations-page .integration-platform>a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--primary);font-size:14px;font-weight:700;padding-top:10px}
.integrations-page .integration-platform>a:hover{text-decoration:underline}
.integrations-page .integration-table-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 11px}
.integrations-page .integration-table-head h3{font-size:21px;line-height:1.3;margin:0}
.integrations-page .integration-table-head span{color:var(--muted);font-size:13px}
.integrations-page .integration-table-scroll{border:1px solid var(--line);overflow-x:auto;background:#fff;border-radius:3px}
.integrations-page .integration-table{width:100%;min-width:740px;border-collapse:collapse;font-size:14px;line-height:1.45;text-align:left}
.integrations-page .integration-table th,.integrations-page .integration-table td{border-bottom:1px solid var(--line);padding:12px 15px;vertical-align:middle}
.integrations-page .integration-table thead th{background:#f5f6f9;font-size:13px;color:#566174;font-weight:700}
.integrations-page .integration-table tbody th{font-weight:600;width:39%;color:var(--text)}
.integrations-page .integration-table tbody tr:last-child th,.integrations-page .integration-table tbody tr:last-child td{border-bottom:0}
.integrations-page .integration-th-wb{color:#a81f81!important}.integrations-page .integration-th-ozon{color:#1661c6!important}.integrations-page .integration-th-ym{color:#b23336!important}
.integrations-page .integration-state{display:inline-block;font-size:13px;line-height:1.35;white-space:nowrap}
.integrations-page .integration-yes{font-weight:700;color:#147348}
.integrations-page .integration-local{color:#4731bf;font-weight:600}
.integrations-page .integration-conditional{color:#8a630b;font-weight:600}
.integrations-page .integration-check{color:#647082}
.integrations-page .integration-table-footnote{margin-top:12px;font-size:13px;line-height:1.55;color:var(--muted)}
.integrations-page .integration-table-footnote strong{color:var(--text)}
.integrations-page .integration-in-practice{background:#fff}
.integrations-page .integration-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:3px;margin-bottom:18px}
.integrations-page .integration-scenario-grid article{padding:19px 19px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.integrations-page .integration-scenario-grid article:last-child{border-right:0}
.integrations-page .integration-scenario-grid article>span{font-size:12px;color:var(--primary);font-weight:700}
.integrations-page .integration-scenario-grid h3{font-size:19px;line-height:1.25;margin:0;letter-spacing:-.01em}
.integrations-page .integration-scenario-grid p{font-size:14px;line-height:1.58;margin:0;color:var(--muted)}
.integrations-page .integration-scenario-grid article>strong{font-size:13px;line-height:1.45;font-weight:700;margin-top:auto;padding-top:5px;color:#25344a}
.integrations-page .integration-screen{margin:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff}
.integrations-page .integration-screen-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 15px;border-bottom:1px solid var(--line)}
.integrations-page .integration-screen-top strong{font-size:14px}
.integrations-page .integration-screen-top a{font-size:13px;color:var(--primary);font-weight:700}
.integrations-page .integration-screen img{width:100%;height:auto}
.integrations-page .integration-screen figcaption{padding:10px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}
.integrations-page .integration-start{background:#f8f9fc}
.integrations-page .integration-steps{counter-reset:none;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;border:1px solid var(--line);border-radius:3px;background:#fff}
.integrations-page .integration-steps li{padding:18px 18px 17px;border-right:1px solid var(--line);margin:0}
.integrations-page .integration-steps li:last-child{border-right:0}
.integrations-page .integration-steps li>span{display:block;margin-bottom:8px;color:var(--primary);font-size:13px;font-weight:700}
.integrations-page .integration-steps h3{font-size:18px;line-height:1.3;margin:0 0 7px}
.integrations-page .integration-steps p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}
.integrations-page .integration-requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.integrations-page .integration-requirements>div{padding-left:14px;border-left:2px solid #d1cbef}
.integrations-page .integration-requirements h3{font-size:15px;margin:0 0 4px}
.integrations-page .integration-requirements p{font-size:14px;line-height:1.55;margin:0;color:var(--muted)}
.integrations-page .integration-faq{background:#fff}
.integrations-page .integration-faq-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:50px}
.integrations-page .integration-faq-grid h2{font-size:27px;line-height:1.2;margin:8px 0 12px}
.integrations-page .integration-help-link{font-size:14px;color:var(--primary);font-weight:700}
.integrations-page .integration-faq-items{border-top:1px solid var(--line)}
.integrations-page .integration-faq-items details{padding:14px 0;border-bottom:1px solid var(--line)}
.integrations-page .integration-faq-items summary{font-weight:700;font-size:15px;line-height:1.4;cursor:pointer;list-style-position:outside}
.integrations-page .integration-faq-items details p{font-size:14px;line-height:1.55;margin:9px 0 0}
.integrations-page .integration-cta{padding:22px 0 30px}
.integrations-page .integration-callout{padding:23px 24px;border-radius:3px}
.integrations-page .integration-callout h2{font-size:24px;line-height:1.2;max-width:790px;letter-spacing:-.02em}
.integrations-page .integration-callout p{font-size:15px;line-height:1.55;margin-top:8px}
.integrations-page .integration-callout .cta-help{color:var(--primary);font-size:14px;font-weight:700}
@media(max-width:1100px){
 .integrations-page .integration-hero-grid{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}
 .integrations-page .integration-hero h1{font-size:33px}
 .integrations-page .integration-benefits-grid>div{display:block;padding:12px 14px}
 .integrations-page .integration-benefits-grid strong{display:block}
 .integrations-page .integration-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .integrations-page .integration-platform-ym{grid-column:1 / -1}
 .integrations-page .integration-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .integrations-page .integration-steps li:nth-child(2){border-right:0}
 .integrations-page .integration-steps li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:760px){
 .integrations-page .integration-hero{padding:23px 0 25px}
 .integrations-page .integration-hero-grid{grid-template-columns:1fr;gap:16px}
 .integrations-page .integration-hero h1{font-size:29px}
 .integrations-page .integration-hero-lead{font-size:15px;padding:3px 0 3px 16px}
 .integrations-page .integration-hero-actions{margin-top:16px}
 .integrations-page .integration-benefits-grid{grid-template-columns:1fr}
 .integrations-page .integration-benefits-grid>div,.integrations-page .integration-benefits-grid>div:first-child{padding:9px 0;border-right:0;border-bottom:1px solid var(--line)}
 .integrations-page .integration-benefits-grid>div:last-child{border-bottom:0}
 .integrations-page .integration-benefits-grid strong{display:inline;margin-right:6px}
 .integrations-page .integration-section{padding:27px 0}
 .integrations-page .integration-section-heading{grid-template-columns:1fr;gap:9px;margin-bottom:16px}
 .integrations-page .integration-section-heading h2{font-size:25px}
 .integrations-page .integration-platform-grid,.integrations-page .integration-scenario-grid{grid-template-columns:1fr}
 .integrations-page .integration-platform-ym{grid-column:auto}
 .integrations-page .integration-scenario-grid article{border-right:0;border-bottom:1px solid var(--line)}
 .integrations-page .integration-scenario-grid article:last-child{border-bottom:0}
 .integrations-page .integration-requirements{grid-template-columns:1fr}
 .integrations-page .integration-faq-grid{grid-template-columns:1fr;gap:15px}
}
@media(max-width:500px){
 .integrations-page .integration-hero h1{font-size:27px}
 .integrations-page .integration-hero-actions .btn{font-size:13px}
 .integrations-page .integration-steps{grid-template-columns:1fr}
 .integrations-page .integration-steps li{border-right:0;border-bottom:1px solid var(--line)}
 .integrations-page .integration-steps li:nth-child(n+3){border-top:0}
 .integrations-page .integration-steps li:last-child{border-bottom:0}
 .integrations-page .integration-table-head{align-items:flex-start;flex-direction:column;gap:3px}
 .integrations-page .integration-screen-top{align-items:flex-start;flex-direction:column;gap:6px}
 .integrations-page .integration-callout{padding:18px}
 .integrations-page .integration-callout h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.integrations-page *{scroll-behavior:auto!important}}