/* HDD page – mobile readability & hierarchy */
@media (max-width: 768px){
  /* Inline links in content: no padding/margins (fixes spacing before punctuation) */
  .dsk-page-hdd #service-template p a,
  .dsk-page-hdd #service-template li a{
    display:inline !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    font-weight:inherit !important;
    line-height:inherit !important;
  }

  .dsk-page-hdd body{
    text-align:left;
  }

  /* Title */
  .dsk-page-hdd #service-template .sb-title .display-font{
    font-size: var(--fs-h1) !important;
    line-height: var(--lh-heading) !important;
    font-weight: var(--fw-h1) !important;
    letter-spacing: var(--ls-h1);
    color: #1f2937 !important;
    font-family: var(--font-family-base) !important;
}
  .dsk-page-hdd #service-template .sb-text-image__content,
  .dsk-page-hdd #service-template .sb-title{
    min-width:0 !important;
  }
  .dsk-page-hdd #service-template .sb-title{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    hyphens:auto !important;
  }

  /* Headings inside content */
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph h2{
    margin: var(--sp-h2-mt) 0 var(--sp-h2-mb) !important;
    font-size: var(--fs-h2) !important;
    line-height: var(--lh-heading) !important;
    font-weight: var(--fw-h2) !important;
    color: #111827 !important;
    letter-spacing: var(--ls-h2);
}
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph h3{
    margin: var(--sp-h3-mt) 0 var(--sp-h3-mb) !important;
    font-size: var(--fs-h3) !important;
    line-height: var(--dsk-h3-lh) !important;
    font-weight: var(--fw-h3) !important;
    color: #111827 !important;
    letter-spacing: var(--ls-h3);
}

  /* Paragraphs */
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph p{
    margin: 0 0 var(--sp-p-mb) !important;
    font-size: var(--fs-body) !important;
    line-height: var(--lh-body) !important;
    color: #444 !important;
    font-weight: var(--fw-body);
    letter-spacing: var(--ls-body);
}

  /* Remove heavy underlines in content by default */
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph u{
    text-decoration:none !important;
  }

  /* Sub-navigation (service links) */
  .dsk-page-hdd .dsk-subnav{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:12px 0 20px;
  }
  .dsk-page-hdd .dsk-subnav__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    background:#fff;
    border:1px solid rgba(0,0,0,.10);
    border-radius:14px;
    text-decoration:none !important;
    color:#111827 !important;
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
    font-size:1rem !important;
    font-weight:500;
    box-shadow:0 10px 22px rgba(0,0,0,.06);
  }
  .dsk-page-hdd .dsk-subnav__item::after{
    content:"›";
    font-size:1.25rem;
    opacity:.55;
    margin-left:12px;
  }

  /* Icon lists */
  .dsk-page-hdd .dsk-icon-list{
    list-style:none !important;
    padding:0 !important;
    margin:12px 0 18px !important;
  }
  .dsk-page-hdd .dsk-icon-list > li{
    position:relative;
    padding:12px 12px 12px 42px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    background:rgba(0,0,0,.02);
    margin:10px 0;
    color:#2b2b2b;
  }
  .dsk-page-hdd .dsk-icon-list > li::before{
    content:"✓";
    position:absolute;
    left:14px;
    top:11px;
    font-weight:900;
    color:#16a34a;
  }
  .dsk-page-hdd .dsk-icon-list--symptoms > li::before{
    content:"⚠";
    color:#f59e0b;
  }
  .dsk-page-hdd .dsk-alert-steps > li::before{
    content:"⛔";
    color:#ef4444;
  }

  /* Method callout */
  .dsk-page-hdd .dsk-method-list{
    list-style:none !important;
    padding:0 !important;
    margin:12px 0 18px !important;
  }
  .dsk-page-hdd .dsk-method-list > li{
    padding:12px 12px 12px 14px;
    border-radius:14px;
    background:rgba(22,163,74,.08);
    border:1px solid rgba(22,163,74,.20);
    border-left:6px solid #16a34a;
    color:#1f2d1f;
  }
  .dsk-page-hdd .dsk-method-list > li strong{
    color:#14532d;
  }

  /* Alert box */
  .dsk-page-hdd .alert-box{
    padding:14px 14px;
    border-radius:16px;
    background:rgba(239,68,68,.06);
    border:1px solid rgba(239,68,68,.22);
    border-left:6px solid #ef4444;
    margin:16px 0 20px;
  }
  .dsk-page-hdd .alert-box p{
    margin:0 0 10px !important;
    color:#3a1b1b !important;
  }

  /* Step list (ordered) */
  .dsk-page-hdd .dsk-steps-ol{
    list-style:none !important;
    padding:0 !important;
    margin:12px 0 18px !important;
    counter-reset:dskstep;
  }
  .dsk-page-hdd .dsk-steps-ol > li{
    counter-increment:dskstep;
    position:relative;
    padding:12px 12px 12px 44px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    background:#fff;
    margin:10px 0;
    color:#2b2b2b;
    box-shadow:0 10px 22px rgba(0,0,0,.04);
  }
  .dsk-page-hdd .dsk-steps-ol > li::before{
    content: counter(dskstep);
    position:absolute;
    left:14px;
    top:10px;
    width:22px;
    height:22px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.8125rem;
    font-weight:800;
  }

  /* CTA section tweaks */
  .dsk-page-hdd #default-contact-cta-section-template .sb-title .display-font{
    font-size: var(--fs-h1) !important;
    line-height: var(--lh-heading) !important;
    font-weight: var(--fw-h1) !important;
    color: #16a34a !important;
    letter-spacing: var(--ls-h1);
    font-family: var(--font-family-base) !important;
}
  .dsk-page-hdd #default-contact-cta-section-template .sb-subtitle span{
    font-size:1rem !important;
    line-height:1.6 !important;
    color:#111827 !important;
    font-weight:700 !important;
  }
  .dsk-page-hdd #default-contact-cta-section-template .sb-btn-full-width a{
    border-radius:16px !important;
    padding:14px 16px !important;
    font-weight:900 !important;
  }
}


/* merged from dsk-hdd/ssd-mobile-ux-2 — subnav owner-first inline merge */
@media (min-width: 769px){
  .dsk-page-hdd #service-template .sb-text-image__content,
  .dsk-page-hdd #service-template .sb-title{
    margin-left: 0;
    margin-right: auto;
  }

  .dsk-page-hdd #service-template .sb-text-image__content-paragraph h2{
    margin: var(--sp-h2-mt) 0 var(--sp-h2-mb) !important;
    font-size: var(--fs-h2) !important;
    line-height: var(--lh-heading) !important;
    font-weight: var(--fw-h2) !important;
    color: #111827 !important;
    letter-spacing: var(--ls-h2);
  }

  .dsk-page-hdd #service-template .sb-text-image__content-paragraph h3{
    margin: var(--sp-h3-mt) 0 var(--sp-h3-mb) !important;
    font-size: var(--fs-h3) !important;
    line-height: var(--dsk-h3-lh) !important;
    font-weight: var(--fw-h3) !important;
    color: #111827 !important;
    letter-spacing: var(--ls-h3);
  }

  .dsk-page-hdd #service-template .sb-text-image__content-paragraph p{
    margin: 0 0 var(--sp-p-mb) !important;
    font-size: var(--fs-body) !important;
    line-height: var(--lh-body) !important;
    color: #374151 !important;
    font-weight: var(--fw-body);
    letter-spacing: var(--ls-body);
  }

  /* Sub-navigation (service links) – fix "zlepione" linki */
  .dsk-page-hdd .dsk-subnav{
    display: flex;
    flex-wrap: wrap;
    margin: 14px 0 26px;
  }
  .dsk-page-hdd .dsk-subnav__item{
    display: inline-flex;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(0,0,0,.03);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
  }
  .dsk-page-hdd .dsk-subnav__item::after{
    content: "";
  }
  .dsk-page-hdd .dsk-subnav__item:hover{
    background: rgba(22,163,74,.10);
    border-color: rgba(22,163,74,.35);
    transform: translateY(-1px);
  }
}

@media (min-width: 1024px){
  /* Promote final desktop wrapping rules early to prevent late service-intro reflow. */
  .dsk-page-hdd #service-template .sb-text-image__content,
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph,
  .dsk-page-hdd #service-template .sb-text-image__content-cta,
  .dsk-page-hdd #service-template .sb-column,
  .dsk-page-hdd #service-template .sb-column-content,
  .dsk-page-hdd #service-template .dsk-subnav__item{
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .dsk-page-hdd #service-template .sb-title .display-font,
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph,
  .dsk-page-hdd #service-template .sb-text-image__content-paragraph p,
  .dsk-page-hdd #service-template .sb-text-image__content-cta,
  .dsk-page-hdd #service-template .sb-cta-wrapper__btn,
  .dsk-page-hdd #service-template .dsk-subnav__item{
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }

  .dsk-page-hdd #service-template .sb-text-image__content-cta .sb-cta-wrapper{
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .dsk-page-hdd #service-template .sb-text-image__content-cta .sb-cta-wrapper > span{
    display: inline-flex !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .dsk-page-hdd #service-template .sb-text-image__content-cta .sb-cta-wrapper__btn{
    white-space: normal !important;
    text-align: center !important;
  }

  .dsk-page-hdd .dsk-hdd-cta-note{
    margin:12px 0 0;
    color:#4b5563;
    font-size:.9375rem;
    line-height:1.6;
  }
}