@charset "UTF-8";

/* Sekcja SEO Zabawki dla dzieci */
    .codex-kids-section {
      position:relative;
      max-width:1420px;
      margin:64px auto 54px auto;
      padding:0 28px 24px 28px;
      color:#202839;
      box-sizing:border-box;
      overflow:hidden;
    }
    .codex-kids-section::before,
    .codex-kids-section::after {
      content:"";
      position:absolute;
      pointer-events:none;
      z-index:0;
    }
    .codex-kids-section::before {
      left:0;
      top:0;
      width:96px;
      height:58px;
      background:linear-gradient(145deg, #ffd8c2, #ffe9df);
      border-radius:30px 22px 30px 22px;
      transform:rotate(8deg);
      opacity:0.86;
    }
    .codex-kids-section::after {
      right:0;
      top:12px;
      width:116px;
      height:78px;
      background:linear-gradient(145deg, rgba(206,229,215,0.82), rgba(231,242,234,0.74));
      border-radius:34px 0 0 34px;
    }
    .codex-kids-title {
      position:relative;
      z-index:1;
      max-width:920px;
      margin:0 auto 28px auto;
      color:#202839;
      font-size:42px;
      font-weight:900;
      line-height:1.18;
      text-align:center;
      letter-spacing:0;
    }
    .codex-kids-title span {
      display:block;
    }
    .codex-kids-title em {
      color:#f06418;
      font-style:normal;
    }
    .codex-kids-plane {
      position:absolute;
      right:98px;
      top:8px;
      width:88px;
      height:58px;
      background:linear-gradient(140deg, #ffb46f 0 50%, #f58238 51% 100%);
      clip-path:polygon(0 35%, 100% 0, 68% 100%, 50% 56%, 30% 72%);
      transform:rotate(-10deg);
      z-index:1;
    }
    .codex-kids-plane::after {
      content:"";
      position:absolute;
      right:26px;
      bottom:-46px;
      width:90px;
      height:46px;
      border-bottom:2px dashed #f7b269;
      border-left:2px dashed #f7b269;
      border-radius:0 0 0 60px;
      transform:rotate(18deg);
    }
    .codex-kids-spark {
      position:absolute;
      color:#ffd276;
      font-size:32px;
      font-weight:900;
      line-height:1;
      z-index:1;
    }
    .codex-kids-spark.one { left:122px; top:10px; }
    .codex-kids-spark.two { left:118px; top:74px; color:#ffa9ac; font-size:24px; }
    .codex-kids-intro {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:1fr 330px;
      gap:28px;
      align-items:center;
      max-width:1100px;
      margin:0 auto 30px auto;
      padding:28px 32px;
      background:#ffffff;
      border:1px solid #e7edf4;
      border-radius:18px;
      box-shadow:0 16px 36px rgba(32,40,57,0.08);
      box-sizing:border-box;
    }
    .codex-kids-intro-text {
      display:grid;
      grid-template-columns:32px 1fr;
      gap:18px;
      align-items:start;
      font-size:17px;
      line-height:1.8;
    }
    .codex-kids-heart {
      color:#ff6b1a;
      font-size:30px;
      line-height:1;
    }
    .codex-kids-intro p {
      margin:0;
      color:#263145;
      text-align:left;
    }
    .codex-kids-section strong {
      color:#f06418;
      font-weight:900;
    }
    .codex-kids-intro img {
      display:block;
      width:100%;
      max-height:178px;
      object-fit:contain;
    }
    .codex-kids-cards {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:16px;
      max-width:1260px;
      margin:0 auto 34px auto;
    }
    .codex-kids-card {
      position:relative;
      min-height:272px;
      padding:34px 174px 28px 28px;
      border:1px solid transparent;
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 14px 34px rgba(32,40,57,0.06);
      box-sizing:border-box;
    }
    .codex-kids-card.pink {
      background:linear-gradient(135deg, #fff5f7, #ffffff);
      border-color:#ffd7df;
    }
    .codex-kids-card.blue {
      background:linear-gradient(135deg, #f1f8ff, #ffffff);
      border-color:#cfe7fb;
    }
    .codex-kids-card.green {
      background:linear-gradient(135deg, #f3fbf3, #ffffff);
      border-color:#d5efd8;
    }
    .codex-kids-icon {
      display:flex;
      align-items:center;
      justify-content:center;
      width:58px;
      height:58px;
      margin:0 0 16px 0;
      border-radius:50%;
      color:#ffffff;
      font-size:30px;
      font-weight:900;
    }
    .codex-kids-card.pink .codex-kids-icon { background:#ef658b; }
    .codex-kids-card.blue .codex-kids-icon { background:#4da2e0; }
    .codex-kids-card.green .codex-kids-icon { background:#63c56a; }
    .codex-kids-icon::after {
      content:"";
      display:block;
      width:34px;
      height:34px;
      background:currentColor;
      mask:no-repeat center / contain;
      -webkit-mask:no-repeat center / contain;
    }
    .codex-kids-card.pink .codex-kids-icon::after {
      mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M5 18h14l1-9-5 3-3-7-3 7-5-3 1 9Zm1 2h12v2H6v-2Z"/></svg>');
      -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M5 18h14l1-9-5 3-3-7-3 7-5-3 1 9Zm1 2h12v2H6v-2Z"/></svg>');
    }
    .codex-kids-card.blue .codex-kids-icon::after {
      mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 2c3 1 5 4 5 7 0 5-4 8-9 9 1-5 4-9 9-12-4 1-7 4-9 8-1-5 1-10 4-12Zm-5 15-3 3 4-1 1-3-2 1Z"/></svg>');
      -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 2c3 1 5 4 5 7 0 5-4 8-9 9 1-5 4-9 9-12-4 1-7 4-9 8-1-5 1-10 4-12Zm-5 15-3 3 4-1 1-3-2 1Z"/></svg>');
    }
    .codex-kids-card.green .codex-kids-icon::after {
      mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 3a4 4 0 0 1 4 4v2h2a3 3 0 0 1 3 3c0 4-4 8-9 8s-9-4-9-8a3 3 0 0 1 3-3h2V7a4 4 0 0 1 4-4Zm-2 9H8v2h2v-2Zm6 0h-2v2h2v-2Zm-6 4c1 1 3 1 4 0h-4Z"/></svg>');
      -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 3a4 4 0 0 1 4 4v2h2a3 3 0 0 1 3 3c0 4-4 8-9 8s-9-4-9-8a3 3 0 0 1 3-3h2V7a4 4 0 0 1 4-4Zm-2 9H8v2h2v-2Zm6 0h-2v2h2v-2Zm-6 4c1 1 3 1 4 0h-4Z"/></svg>');
    }
    .codex-kids-icon-line {
      display:block;
      width:42px;
      height:3px;
      margin:0 0 22px 10px;
      border-radius:999px;
    }
    .pink .codex-kids-icon-line { background:#ef7f9c; }
    .blue .codex-kids-icon-line { background:#55aee9; }
    .green .codex-kids-icon-line { background:#64c96c; }
    .codex-kids-card h2 {
      margin:0 0 22px 0;
      color:#202839;
      font-size:27px;
      font-weight:900;
      line-height:1.15;
    }
    .codex-kids-card p {
      margin:0;
      color:#263145;
      font-size:14px;
      line-height:1.75;
    }
    .codex-kids-card img {
      position:absolute;
      right:18px;
      top:52px;
      width:176px;
      height:auto;
      max-height:150px;
      object-fit:contain;
      filter:drop-shadow(0 14px 20px rgba(32,40,57,0.13));
    }
    .codex-kids-arrow {
      position:absolute;
      right:20px;
      bottom:18px;
      display:flex;
      align-items:center;
      justify-content:center;
      width:42px;
      height:42px;
      border-radius:50%;
      background:#ffffff;
      border:1px solid #e7edf4;
      box-shadow:0 8px 18px rgba(32,40,57,0.12);
      color:#4da2e0;
      font-size:27px;
      line-height:1;
    }
    .codex-kids-card.pink .codex-kids-arrow { color:#ef658b; }
    .codex-kids-card.green .codex-kids-arrow { color:#45ba50; }
    .codex-kids-why-title {
      position:relative;
      z-index:1;
      margin:4px auto 18px auto;
      color:#202839;
      font-size:27px;
      font-weight:900;
      text-align:center;
      line-height:1.2;
    }
    .codex-kids-why-title em {
      color:#f06418;
      font-style:normal;
    }
    .codex-kids-benefits {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:12px;
      max-width:1240px;
      margin:0 auto;
    }
    .codex-kids-benefit {
      display:grid;
      grid-template-columns:72px 1fr;
      gap:14px;
      align-items:center;
      min-height:94px;
      padding:14px 18px;
      background:linear-gradient(135deg, #fff8f3, #ffffff);
      border:1px solid #f4e6da;
      border-radius:14px;
      box-sizing:border-box;
    }
    .codex-kids-benefit-icon {
      display:flex;
      align-items:center;
      justify-content:center;
      width:64px;
      height:64px;
      border-radius:50%;
      background:#fff0e3;
      color:#f06418;
      font-size:34px;
      line-height:1;
    }
    .codex-kids-benefit h3 {
      margin:0 0 5px 0;
      color:#202839;
      font-size:15px;
      font-weight:900;
    }
    .codex-kids-benefit p {
      margin:0;
      color:#263145;
      font-size:12px;
      line-height:1.45;
    }
    @media only screen and (max-width:1023px) {
      .codex-kids-section {
        margin:36px auto;
        padding:0 12px 18px 12px;
      }
      .codex-kids-title {
        font-size:27px;
      }
      .codex-kids-plane,
      .codex-kids-spark,
      .codex-kids-section::before,
      .codex-kids-section::after {
        display:none;
      }
      .codex-kids-intro {
        grid-template-columns:1fr;
        padding:20px;
      }
      .codex-kids-intro img {
        max-width:260px;
        margin:0 auto;
      }
      .codex-kids-cards,
      .codex-kids-benefits {
        grid-template-columns:1fr;
      }
      .codex-kids-card {
        min-height:250px;
        padding-right:146px;
      }
      .codex-kids-card h2 {
        font-size:24px;
      }
    }