/* Selected composition A: product introduction beside an unaltered visual. */
.kova-page { --kova-nav-clearance:8rem; }
.kova-page :where([id],a,button,summary) { scroll-margin-block-start:var(--kova-nav-clearance); }
.kova-container { max-inline-size:1184px; padding-inline:32px; margin-inline:auto; }
.kova-hero { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:52px; padding-block:36px 44px; }
.kova-hero__copy { min-inline-size:0; }
.kova-hero h1 { max-inline-size:18ch; margin-block:14px 22px; color:var(--navy); font-size:clamp(2.25rem,3.7vw,3.375rem); line-height:1.08; letter-spacing:-.025em; }
.kova-lead { color:var(--gray-600); font-size:var(--fs-md); line-height:1.65; margin-block:0; max-inline-size:43ch; }
.kova-actions { display:flex; flex-wrap:wrap; gap:12px; margin-block:24px 16px; }
.kova-actions a { min-block-size:48px; white-space:normal; text-align:center; box-shadow:none; }
.kova-note { color:var(--gray-600); font-size:var(--fs-xs); line-height:1.7; max-inline-size:60ch; margin-block:0; }
.kova-hero__photo { margin:0; min-inline-size:0; }
.kova-hero__photo img,.kova-gallery img { display:block; inline-size:100%; block-size:auto; object-fit:contain; }
.kova-page figcaption { margin-block-start:9px; color:var(--gray-600); font-size:var(--fs-xs); line-height:1.6; text-align:start; }
.kova-section { padding-block:48px; }
.kova-section__heading { max-inline-size:760px; margin-block-end:28px; }
.kova-section h2 { font-size:clamp(1.6rem,2.5vw,2.1rem); line-height:1.3; margin-block:0 16px; color:var(--navy); }
.kova-section__heading p,.kova-benefits p,.kova-next p,.kova-faq p { color:var(--gray-600); line-height:1.8; margin-block:0; }
.kova-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.kova-benefits article { min-inline-size:0; border-block-start:1px solid var(--gray-200); padding-block-start:20px; }
.kova-index { color:var(--orange-dark); font-size:var(--fs-sm); font-weight:700; }
.kova-benefits h3 { font-size:var(--fs-lg); line-height:1.4; margin-block:12px; }
.kova-section--tint { background:var(--gray-50); }
.kova-gallery { max-inline-size:820px; margin-inline:auto; }
.kova-gallery figure { margin:0; min-inline-size:0; }
.kova-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; gap:0 40px; }
.kova-specs div { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-block-end:1px solid var(--gray-200); padding-block:18px; }
.kova-specs dt { font-weight:600; }
.kova-specs dd { margin:0; color:var(--gray-600); }
.kova-faq details { border-block-end:1px solid var(--gray-200); }
.kova-faq summary { cursor:pointer; min-block-size:56px; padding-block:18px; font-weight:600; }
.kova-faq p { padding-block:0 24px; }
.kova-next { background:var(--gray-50); border:1px solid var(--gray-200); border-radius:var(--radius); padding:32px; }
.kova-page :where(h1,h2,h3,p,dt,dd,figcaption,a,summary) { overflow-wrap:anywhere; }
.kova-page :where(a,summary):focus-visible { outline:3px solid var(--orange-dark); outline-offset:4px; }
@media(max-width:900px) {
  .kova-hero { gap:28px; grid-template-columns:1fr 1fr; }
  .kova-hero h1 { font-size:clamp(2rem,4.4vw,2.6rem); }
  .kova-lead { font-size:var(--fs-base); }
}
@media(max-width:700px) {
  .kova-container { padding-inline:18px; }
  .kova-hero { display:flex; flex-direction:column; align-items:stretch; gap:20px; padding-block:24px 32px; }
  .kova-hero__copy { display:contents; }
  .kova-hero__heading { order:0; }
  .kova-hero h1 { max-inline-size:none; margin-block:10px 0; font-size:clamp(1.875rem,8.5vw,2.25rem); }
  .kova-hero .kova-actions { order:1; margin-block:0; }
  .kova-hero__photo { order:2; }
  .kova-hero .kova-lead { order:3; }
  .kova-hero .kova-note { order:4; }
  .kova-section { padding-block:34px; }
  .kova-benefits,.kova-specs { grid-template-columns:minmax(0,1fr); }
  .kova-benefits { gap:24px; }
  .kova-next { padding:24px; }
  .kova-actions { flex-direction:column; align-items:stretch; }
}