@media(max-width:580px){.ed-logistika .ed-hero-copy h1{overflow-wrap:normal;word-break:normal;hyphens:manual}}
/* Keep the FAQ compact without inheriting the generic details spacing. */
.ed-logistika .ed-faq details{padding:0}
@media(min-width:801px){
  .ed-logistika .ed-faq-with-banner{grid-template-columns:minmax(0,1fr) 180px;align-items:start}
  .ed-logistika .ed-faq summary{min-height:70px}
  .ed-logistika .ed-faq-banner{max-width:180px;align-self:start}
}

/* Only the logistics scenario panel: compact rows with meaningful icons. */
.ed-logistika.ed-page .ed-hero > .ed-visual{justify-content:center}
.ed-logistika.ed-page .ed-hero .ed-flow{flex:0 0 auto;grid-template-rows:repeat(3,minmax(72px,auto));gap:9px}
.ed-logistika.ed-page .ed-hero .ed-flow li{grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-content:center;padding:13px 15px;border:1px solid rgba(32,70,64,.1);border-radius:15px;box-shadow:0 2px 10px rgba(26,83,72,.035)}
.ed-logistika.ed-page .ed-hero .ed-flow li>b{width:44px;height:44px;border-radius:13px;background:#daf6f0;color:#24665b}
.ed-logistika .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-logistika.ed-interactive .ed-flow li strong{min-width:0}
.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-logistika.ed-interactive .ed-flow-toggle::after{content:'';flex:none;width:8px;height:8px;margin:0 5px 4px 0;border-right:1.8px solid #347a6c;border-bottom:1.8px solid #347a6c;transform:rotate(45deg)}
.ed-logistika.ed-interactive .ed-flow li.is-active .ed-flow-toggle::after{transform:rotate(225deg);margin-top:6px}
.ed-logistika.ed-interactive .ed-flow li.is-active .ed-flow-toggle{text-decoration:none}
.ed-logistika.ed-interactive .ed-flow li .ed-flow-toggle:focus-visible{outline:2px solid #226b5c;outline-offset:4px;border-radius:2px;text-decoration:none}
.ed-logistika.ed-interactive .ed-flow li:active{background:#e2f8f2}
.ed-logistika.ed-interactive .ed-hero .ed-flow li>span{max-height:0;overflow:hidden;margin-top:0}
.ed-logistika.ed-interactive .ed-hero .ed-flow li.is-active>span{max-height:260px;margin-top:4px}
@media(prefers-reduced-motion:no-preference){
  .ed-logistika.ed-interactive .ed-flow-toggle::after{transition:transform .2s ease,margin .2s ease}
  .ed-logistika.ed-interactive.ed-motion-ready .ed-hero .ed-flow li>span{transition:max-height .26s ease,margin .26s ease,opacity .26s ease,visibility 0s linear .26s}
  .ed-logistika.ed-interactive.ed-motion-ready .ed-hero .ed-flow li.is-active>span{transition-delay:0s}
}
@media(max-width:580px){
  .ed-logistika.ed-page .ed-hero .ed-flow li{grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:12px}
  .ed-logistika.ed-page .ed-hero .ed-flow li>b{width:40px;height:40px;grid-row:1 / span 2}
  .ed-logistika.ed-page .ed-hero .ed-flow li>span{grid-column:2;grid-row:2;margin-top:0}
}

/* Three fixed-size controls share one description area; neither the panel nor
   the controls resize when the selected step changes. */
.ed-logistika.ed-page .ed-hero > .ed-visual{align-self:start;justify-content:flex-start}
/* The kicker and title occupy separate shared grid tracks, so the panel starts
   at the title even if the kicker wraps. The title's original 18px spacing is
   carried by the kicker, without changing the left column's visual layout. */
@media(min-width:801px){
  @supports(grid-template-rows:subgrid){
    .ed-logistika.ed-page .ed-hero{grid-template-rows:repeat(5,auto);row-gap:0}
    .ed-logistika.ed-page .ed-hero-copy{display:grid;grid-column:1;grid-row:1 / 6;grid-template-rows:subgrid}
    .ed-logistika.ed-page .ed-kicker{padding-bottom:18px}
    .ed-logistika.ed-page .ed-hero-copy h1{margin-top:0}
    .ed-logistika.ed-page .ed-hero > .ed-visual{grid-column:2;grid-row:2 / 6;align-self:start}
  }
}
.ed-logistika.ed-interactive .ed-hero .ed-flow{grid-template-rows:repeat(3,72px);flex:none;gap:9px}
.ed-logistika.ed-interactive .ed-hero .ed-flow li{height:72px;align-content:center;border-color:#d3eae4;background:#fff}
.ed-logistika.ed-interactive .ed-hero .ed-flow li.is-active{border-color:#54bba7;background:#effbf8;box-shadow:inset 3px 0 #39a992}
.ed-logistika.ed-interactive .ed-hero .ed-flow li.is-active>b{background:#c8f2e8;color:#145f50;box-shadow:none}
.ed-logistika.ed-interactive .ed-flow-toggle::after{margin:0 5px 4px 0;transition:none}
.ed-logistika.ed-interactive .ed-flow li.is-active .ed-flow-toggle::after{margin:0 5px 4px 0;transform:rotate(-45deg)}
.ed-logistika .log-flow-details{display:grid;grid-template-columns:minmax(0,1fr);margin-top:12px;padding:13px 15px;border:1px solid #c9e8e0;border-radius:14px;background:#eaf8f4;color:#234f45;line-height:1.45}
.ed-logistika .log-flow-details > *{grid-area:1 / 1;align-self:center;margin:0;min-width:0;font-size:14px;line-height:1.45}
.ed-logistika .log-flow-details > span[aria-hidden=true]{visibility:hidden;opacity:0}
.ed-logistika .log-flow-details > span[aria-hidden=false]{visibility:visible;opacity:1}
.ed-logistika .log-flow-details:has(> span[aria-hidden=false]) > .ed-visual-note{visibility:hidden;opacity:0}
@media(hover:hover) and (pointer:fine){.ed-logistika.ed-interactive .ed-hero .ed-flow li:hover{border-color:#77cbb9;background:#f2fbf8}}
@media(prefers-reduced-motion:no-preference){
  .ed-logistika.ed-interactive .ed-hero .ed-flow li,.ed-logistika.ed-interactive .ed-hero .ed-flow li>b{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
  .ed-logistika .log-flow-details > *{transition:opacity .24s ease,visibility 0s linear .24s}
  .ed-logistika .log-flow-details > span[aria-hidden=false]{transition-delay:0s}
}
@media(max-width:580px){.ed-logistika.ed-interactive .ed-hero .ed-flow li>b{grid-row:1}.ed-logistika .log-flow-details{padding:12px}}

/* Official partner page is offered when the embedded chooser is delayed. */
.ed-logistika .logistika-price-fallback[hidden]{display:none}
.ed-logistika .logistika-price-fallback{margin:16px 0}
.ed-logistika .logistika-price-fallback a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #247c6c;border-radius:9px;background:#e6f8f4;color:#17473e;font-weight:700;line-height:1.35;text-decoration:none;box-sizing:border-box}
.ed-logistika .logistika-price-fallback a:focus-visible{outline:2px solid #17473e;outline-offset:3px}
@media(hover:hover){.ed-logistika .logistika-price-fallback a:hover{background:#d3f2ea}}
