/* 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;
    padding:0;
    margin:0;
    border-radius:0;
    font-weight:inherit;
    line-height:inherit;
  }

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

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

  /* 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;
    color:#111827;
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:1rem;
    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;
    padding:0;
    margin:12px 0 18px;
  }
  .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;
    padding:0;
    margin:12px 0 18px;
  }
  .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;
    color:#3a1b1b;
  }

  /* Step list (ordered) */
  .dsk-page-hdd .dsk-steps-ol{
    list-style:none;
    padding:0;
    margin:12px 0 18px;
    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;
  }
}


/* merged from dsk-hdd/ssd-mobile-ux-2 — subnav owner-first inline merge */
@media (min-width: 769px){

  /* 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;
    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);
  }
}