*{box-sizing:border-box;margin:0;padding:0}
  body{background:#e9edf1;font-family:'Open Sans',Arial,sans-serif;color:#33404d;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  a:hover{color:var(--orange,#f18a1c)}
  ul{list-style:none}

  /* ---------- listy wypunktowane (exio, 2026-08-06) ----------
     Kropka i odstepy szly wczesniej z <span> w markupie + stylow inline
     na kazdym <li>. Nowa pozycja dodana w edytorze klawiszem Enter ich
     nie dostawala. Teraz wszystko idzie z CSS - Enter tworzy pelna
     pozycje listy. */
  .aw-cols > li{
    position:relative; padding:9px 0 9px 20px;
    font-size:15px; color:#43505d; break-inside:avoid;
  }
  .aw-cols > li::before{
    content:""; position:absolute; left:0; top:16px;
    width:6px; height:6px; border-radius:50%;
    background:var(--orange,#f18a1c);
  }

  /* ---------- responsywnosc (exio, 2026-07-31) ---------- */
  /* uklad opiera sie na stylach inline, wiec nadpisania wymagaja !important */

  @media (max-width:1180px){
    .aw-wrap{ padding-left:14px !important; padding-right:14px !important; }
    .aw-fwrap{ padding-left:14px !important; padding-right:14px !important; }
    .aw-fbot{ padding-left:14px !important; padding-right:14px !important; }
  }

  @media (max-width:1000px){
    .aw-head{ flex-wrap:wrap !important; gap:14px !important; padding:16px 22px !important; }
    .aw-nav{ flex-wrap:wrap !important; gap:12px 18px !important; font-size:14.5px !important; }

    .aw-hero{ height:250px !important; }
    .aw-hero-txt{ left:22px !important; right:22px !important; }
    .aw-hero-h1{ font-size:31px !important; }
    .aw-hero-sub{ font-size:16px !important; margin-top:12px !important; }
    .aw-hero-ov{ background:linear-gradient(90deg,rgba(11,30,55,.88) 0%,rgba(11,30,55,.66) 55%,rgba(11,30,55,.30) 100%) !important; }

    .aw-trust{ grid-template-columns:repeat(3,1fr) !important; gap:24px 0 !important; padding:28px 18px !important; }

    .aw-main{ flex-direction:column !important; gap:26px !important; padding:28px 22px 34px !important; }
    .aw-side{ width:100% !important; }

    .aw-offers{ grid-template-columns:repeat(2,1fr) !important; }

    .aw-band{ padding:34px 26px !important; }
    .aw-band-in{ flex-direction:column !important; align-items:flex-start !important; gap:28px !important; }
    .aw-band-txt{ flex:1 1 auto !important; }
    .aw-feat{ width:100% !important; }

    .aw-fmain{ flex-wrap:wrap !important; gap:30px !important; }
    .aw-fcols{ gap:48px !important; }
  }

  @media (max-width:620px){
    #body{ font-size:16px !important; }

    .aw-head{ padding:14px 16px !important; }
    .aw-nav{ gap:10px 14px !important; font-size:13.5px !important; }

    .aw-hero{ height:200px !important; }
    .aw-hero-txt{ left:16px !important; right:16px !important; }
    .aw-hero-h1{ font-size:23px !important; }
    .aw-hero-sub{ font-size:13.5px !important; }

    .aw-ribbon{ gap:10px 18px !important; font-size:14px !important; padding:13px 16px !important; }
    .aw-trust{ grid-template-columns:repeat(2,1fr) !important; }

    .aw-main{ padding:22px 16px 28px !important; }
    .aw-h2{ font-size:25px !important; }
    .aw-cols{ column-count:1 !important; padding:18px 18px !important; }

    .aw-offers{ grid-template-columns:1fr !important; }

    .aw-band{ padding:28px 20px !important; }
    .aw-feat{ grid-template-columns:repeat(2,1fr) !important; }

    .aw-fbrand{ width:100% !important; }
    .aw-fcols{ flex-wrap:wrap !important; gap:26px 40px !important; }
  }

  /* ==========================================================
     POPRAWKI EXIO 2026-07-31
     uklad na stylach inline -> nadpisania wymagaja !important
     ========================================================== */

  /* ---------- menu gorne: rozwijane na telefonie ---------- */
  .aw-navtoggle{ display:none; }
  .aw-navcheck{ display:none; }

  @media (max-width:1000px){
    .aw-nav{ display:block !important; width:100%; }
    .aw-navtoggle{
      display:inline-flex !important; align-items:center; gap:9px; cursor:pointer;
      font-family:'Oswald',sans-serif; font-weight:600; font-size:15px;
      letter-spacing:.5px; text-transform:uppercase; color:var(--navy,#0f2f5b);
      border:1px solid #dfe5ec; border-radius:8px; padding:9px 15px; user-select:none;
    }
    .aw-nav > a{ display:none !important; }
    .aw-navcheck:checked ~ a{
      display:flex !important; padding:11px 2px; border-top:1px solid #eef1f3;
    }
  }

  /* ---------- ikony pod hero: przewijany pasek (wszystkie 6 widoczne) ----------
     Pasek ma 200% szerokosci karty i przesuwa sie tam i z powrotem.
     Karta nadrzedna ma juz overflow:hidden, wiec nic nie wystaje poza szablon. */
  @media (max-width:620px){
    .aw-trust{
      display:flex !important; width:200%;
      grid-template-columns:none !important;
      padding:18px 0 !important; gap:0 !important;
      animation:awTrust 18s ease-in-out infinite alternate;
    }
    .aw-trust-i{ flex:1 1 0; min-width:0; padding:0 6px !important; gap:7px !important; }
    .aw-trust-i svg{ width:32px !important; height:32px !important; }
    .aw-trust-i > div:nth-child(2){ font-size:13.5px !important; }
    .aw-trust-i > div:nth-child(3){ font-size:12.5px !important; line-height:1.3; }
  }
  @keyframes awTrust{
    from{ transform:translateX(0); }
    to  { transform:translateX(-50%); }
  }
  @media (max-width:620px) and (prefers-reduced-motion:reduce){
    .aw-trust{
      display:grid !important; width:auto;
      grid-template-columns:repeat(2,1fr) !important;
      gap:22px 0 !important; padding:22px 16px !important;
      animation:none !important; transform:none !important;
    }
    .aw-trust-i{ padding:0 8px !important; }
  }

  /* ---------- mobile: kategorie zwiniete, Versand & Zahlung pod opisem ---------- */
  .aw-catcheck{ display:none; }
  .aw-caret{ display:none; }

  @media (max-width:1000px){
    /* aside znika z ukladu, zeby jego dwa bloki mogly sie ustawic osobno */
    .aw-side{ display:contents !important; }
    .aw-cats{ order:1; border-radius:3px; overflow:hidden; }
    .aw-content{ order:2; }
    .aw-ship{ order:3; }

    .aw-catbar{ cursor:pointer; position:relative; padding-right:44px !important; user-select:none; }
    .aw-caret{
      display:block; position:absolute; right:17px; top:50%; margin-top:-7px;
      width:9px; height:9px; border-right:2px solid #fff; border-bottom:2px solid #fff;
      transform:rotate(45deg); transition:transform .2s ease;
    }
    .aw-catlist{ display:none; }
    .aw-catcheck:checked ~ .aw-catlist{ display:block; }
    .aw-catcheck:checked ~ .aw-catbar .aw-caret{ transform:rotate(-135deg); margin-top:-3px; }
  }