/* Applied only on the eight product pages that opt in; Logistics is unchanged. */
.ed-page:not(.ed-logistika) .ed-hero > .ed-visual { align-self:start; justify-content:flex-start; }
@media (min-width:801px) {
  @supports (grid-template-rows:subgrid) {
    .ed-page:not(.ed-logistika) .ed-hero { grid-template-rows:repeat(5,auto); row-gap:0; }
    .ed-page:not(.ed-logistika) .ed-hero-copy { display:grid; grid-column:1; grid-row:1 / 6; grid-template-rows:subgrid; }
    .ed-page:not(.ed-logistika) .ed-hero-copy > :is(.ed-kicker,.sp-eyebrow) { padding-bottom:18px; }
    .ed-page:not(.ed-logistika) .ed-hero-copy h1 { margin-top:0; }
    .ed-page:not(.ed-logistika) .ed-hero > .ed-visual { grid-column:2; grid-row:2 / 6; align-self:start; }
  }
}
.ed-page:not(.ed-logistika) .ed-hero .ed-flow li > b { width:44px; height:44px; border-radius:13px; }
.ed-page:not(.ed-logistika) .ed-hero .ed-flow li > b svg { width:23px; height:23px; display:block; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow { grid-template-rows:repeat(3,72px); flex:none; gap:9px; }
.ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow li { height:72px; grid-template-columns:44px minmax(0,1fr); column-gap:14px; align-content:center; padding:13px 15px; border:1px solid color-mix(in srgb,var(--sp-accent) 22%,#e9e7e8); border-radius:15px; background:#fff; }
.ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow li.is-active { border-color:color-mix(in srgb,var(--sp-accent) 65%,#888); background:color-mix(in srgb,var(--sp-accent) 8%,white); box-shadow:inset 3px 0 var(--sp-accent); }
.ed-page:not(.ed-logistika).ed-interactive .ed-flow li strong { min-width:0; }
.ed-page:not(.ed-logistika).ed-interactive .ed-flow-toggle { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; text-decoration:none; }
.ed-page:not(.ed-logistika).ed-interactive .ed-flow-toggle::after { content:''; flex:none; width:8px; height:8px; margin:0 5px 4px 0; border-right:1.8px solid currentColor; border-bottom:1.8px solid currentColor; transform:rotate(45deg); }
.ed-page:not(.ed-logistika).ed-interactive .ed-flow li.is-active .ed-flow-toggle::after { transform:rotate(-45deg); }
.ed-page:not(.ed-logistika).ed-interactive .ed-flow li .ed-flow-toggle:focus-visible { outline:2px solid color-mix(in srgb,var(--sp-accent) 60%,#111); outline-offset:4px; border-radius:2px; text-decoration:none; }
.ed-page:not(.ed-logistika) .product-flow-details { display:grid; grid-template-columns:minmax(0,1fr); margin-top:12px; padding:13px 15px; border:1px solid color-mix(in srgb,var(--sp-accent) 26%,#e8e6e8); border-radius:14px; background:color-mix(in srgb,var(--sp-accent) 9%,white); color:#29272a; line-height:1.45; }
.ed-page:not(.ed-logistika) .product-flow-details > * { grid-area:1 / 1; align-self:center; margin:0; min-width:0; font-size:14px; line-height:1.45; }
.ed-page:not(.ed-logistika) .product-flow-details > span[aria-hidden=true] { visibility:hidden; opacity:0; }
.ed-page:not(.ed-logistika) .product-flow-details > span[aria-hidden=false] { visibility:visible; opacity:1; }
.ed-page:not(.ed-logistika) .product-flow-details:has(> span[aria-hidden=false]) > .ed-visual-note { visibility:hidden; opacity:0; }
@media (hover:hover) and (pointer:fine) { .ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow li:hover { border-color:color-mix(in srgb,var(--sp-accent) 50%,#aaa); background:color-mix(in srgb,var(--sp-accent) 6%,white); } }
@media (prefers-reduced-motion:no-preference) {
  .ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow li { transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; }
  .ed-page:not(.ed-logistika) .product-flow-details > * { transition:opacity .24s ease,visibility 0s linear .24s; }
  .ed-page:not(.ed-logistika) .product-flow-details > span[aria-hidden=false] { transition-delay:0s; }
}
@media (max-width:580px) {
  .ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow li { grid-template-columns:40px minmax(0,1fr); gap:4px 12px; padding:12px; }
  .ed-page:not(.ed-logistika).ed-interactive .ed-hero .ed-flow li > b { width:40px; height:40px; grid-row:1; }
  .ed-page:not(.ed-logistika) .product-flow-details { padding:12px; }
}

/* KKT has three informational rows, not disclosure controls. */
.kkt-page .kkt-hero > .kkt-visual { align-self:start; justify-content:flex-start; }
.kkt-page .kkt-hero .kkt-flow { flex:none; grid-template-rows:repeat(3,1fr); gap:9px; }
.kkt-page .kkt-hero .kkt-flow li { min-height:72px; padding:12px 14px; gap:14px; border:1px solid #ead9e5; border-radius:15px; }
.kkt-page .kkt-hero .kkt-flow b { width:44px; height:44px; border-radius:13px; }
.kkt-page .kkt-hero .kkt-flow b svg { display:block; width:23px; height:23px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:580px) {
  .kkt-page .kkt-hero > .kkt-visual { padding:18px; }
  .kkt-page .kkt-hero .kkt-flow { grid-template-rows:none; grid-auto-rows:auto; }
  .kkt-page .kkt-hero .kkt-flow li { gap:9px; padding:10px; }
  .kkt-page .kkt-hero .kkt-flow b { width:36px; height:36px; }
  .kkt-page .kkt-hero .kkt-flow span { min-width:0; font-size:15px; line-height:1.35; }
}
@media (min-width:801px) {
  @supports (grid-template-rows:subgrid) {
    .kkt-page .kkt-hero { grid-template-rows:repeat(4,auto); row-gap:0; }
    .kkt-page .kkt-hero > div:first-child { display:grid; grid-column:1; grid-row:1 / 5; grid-template-rows:subgrid; }
    .kkt-page .kkt-hero .kkt-eyebrow { padding-bottom:16px; }
    .kkt-page .kkt-hero h1 { margin-top:0; }
    .kkt-page .kkt-hero > .kkt-visual { grid-column:2; grid-row:2 / 5; align-self:start; }
  }
}