@charset "UTF-8";


      .zew-age-strip {
        position:relative;
        z-index:40;
        background:#ffffff;
        padding:0 0 12px 0;
      }
      .zew-age-strip__shell {
        width:min(calc(100% - 80px), 1740px);
        max-width:1740px;
        margin:0 auto;
        padding:12px 14px;
        box-sizing:border-box;
        background:#ffffff;
        border:1px solid #edf0f4;
        border-radius:10px;
        box-shadow:0 8px 22px rgba(20, 28, 40, 0.04);
      }
      .zew-age-strip__scroll {
        display:grid;
        grid-template-columns:minmax(124px, 148px) repeat(7, minmax(0, 1fr));
        gap:10px;
        align-items:center;
      }
      .zew-age-label,
      .zew-age-chip {
        box-sizing:border-box;
        font-family:Poppins, Arial, sans-serif;
      }
      .zew-age-label {
        display:flex;
        align-items:center;
        min-width:0;
        gap:10px;
        color:#1f2937;
        font-size:13px;
        font-weight:700;
        line-height:1;
        white-space:nowrap;
      }
      .zew-age-label svg {
        width:30px;
        height:30px;
        flex:0 0 30px;
        color:#ef2d38;
      }
      .zew-age-chip {
        display:flex;
        align-items:center;
        min-width:0;
        height:58px;
        gap:8px;
        padding:7px 9px;
        color:#1f2937 !important;
        text-decoration:none !important;
        background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
        border:1px solid #f1f4f8;
        border-radius:13px;
        box-shadow:0 5px 16px rgba(20, 28, 40, 0.035);
        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
      }
      .zew-age-chip:hover {
        transform:translateY(-2px);
        border-color:#ffd7dc;
        background:#ffffff;
        box-shadow:0 10px 24px rgba(20, 28, 40, 0.085);
      }
      .zew-age-chip__icon {
        display:block;
        width:36px;
        height:36px;
        flex:0 0 36px;
      }
      .zew-age-chip__text {
        display:block;
        min-width:0;
      }
      .zew-age-chip strong,
      .zew-age-chip small {
        display:block;
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
      .zew-age-chip strong {
        color:#1f2937;
        font-size:14px;
        font-weight:700;
        line-height:1.12;
      }
      .zew-age-chip small {
        margin-top:3px;
        color:#475569;
        font-size:10.5px;
        font-weight:600;
        line-height:1.15;
      }
      .zew-age-chip--baby .zew-age-chip__icon { color:#46b8b0; }
      .zew-age-chip--toddler .zew-age-chip__icon { color:#ef4c63; }
      .zew-age-chip--preschool .zew-age-chip__icon { color:#f5a437; }
      .zew-age-chip--older-preschool .zew-age-chip__icon { color:#58b76a; }
      .zew-age-chip--school .zew-age-chip__icon { color:#f04b68; }
      .zew-age-chip--preteen .zew-age-chip__icon { color:#a46ad4; }
      .zew-age-chip--teen .zew-age-chip__icon { color:#ff4561; }
      .zew-age-icon path,
      .zew-age-icon circle,
      .zew-age-icon line,
      .zew-age-icon polyline,
      .zew-age-icon polygon {
        vector-effect:non-scaling-stroke;
      }
      @media only screen and (min-width:1300px) and (max-width:1599px) {
        .zew-age-strip__shell {
          width:calc(100% - 48px);
          padding:10px;
          overflow:hidden;
        }
        .zew-age-strip__scroll {
          display:grid;
          grid-template-columns:132px repeat(7, minmax(0, 1fr));
          gap:8px;
          overflow:hidden;
          scroll-snap-type:none;
          -webkit-overflow-scrolling:auto;
        }
        .zew-age-label {
          flex:none;
          height:54px;
          padding:0 8px;
          gap:7px;
          font-size:12px;
          background:#ffffff;
          border:1px solid #edf0f4;
          border-radius:12px;
          box-shadow:0 5px 16px rgba(20, 28, 40, 0.045);
        }
        .zew-age-label svg {
          width:28px;
          height:28px;
          flex-basis:28px;
        }
        .zew-age-chip {
          flex:none;
          width:100%;
          height:54px;
          gap:4px;
          padding:5px 4px;
          border-radius:12px;
        }
        .zew-age-chip__icon {
          width:30px;
          height:30px;
          flex-basis:30px;
        }
        .zew-age-chip strong {
          font-size:12.5px;
        }
        .zew-age-chip small {
          font-size:9.5px;
        }
      }
      @media only screen and (min-width:1200px) and (max-width:1299px) {
        .zew-age-strip__shell {
          width:calc(100% - 32px);
          padding:8px 12px;
          overflow:hidden;
        }
        .zew-age-strip__scroll {
          display:grid;
          grid-template-columns:124px repeat(7, minmax(0, 1fr));
          gap:6px;
          overflow:hidden;
          scroll-snap-type:none;
          -webkit-overflow-scrolling:auto;
        }
        .zew-age-label {
          flex:none;
          height:50px;
          padding:0 7px;
          gap:6px;
          font-size:11.5px;
          background:#ffffff;
          border:1px solid #edf0f4;
          border-radius:11px;
          box-shadow:0 5px 16px rgba(20, 28, 40, 0.045);
        }
        .zew-age-label svg {
          width:24px;
          height:24px;
          flex-basis:24px;
        }
        .zew-age-chip {
          flex:none;
          width:100%;
          height:50px;
          gap:5px;
          padding:5px 4px;
          border-radius:11px;
        }
        .zew-age-chip__icon {
          width:24px;
          height:24px;
          flex-basis:24px;
        }
        .zew-age-chip strong {
          font-size:11.5px;
        }
        .zew-age-chip small {
          font-size:9px;
        }
      }
      @media only screen and (min-width:1024px) and (max-width:1199px) {
        .zew-age-strip__shell {
          width:calc(100% - 32px);
          padding:6px 8px;
          overflow:hidden;
        }
        .zew-age-strip__scroll {
          display:grid;
          grid-template-columns:102px repeat(7, minmax(0, 1fr));
          gap:4px;
          overflow:hidden;
          scroll-snap-type:none;
          -webkit-overflow-scrolling:auto;
        }
        .zew-age-label {
          flex:none;
          height:48px;
          padding:0 6px;
          gap:5px;
          font-size:10.5px;
          background:#ffffff;
          border:1px solid #edf0f4;
          border-radius:10px;
          box-shadow:0 5px 16px rgba(20, 28, 40, 0.045);
        }
        .zew-age-label svg {
          width:22px;
          height:22px;
          flex-basis:22px;
        }
        .zew-age-chip {
          flex:none;
          width:100%;
          height:48px;
          gap:4px;
          padding:4px;
          border-radius:10px;
        }
        .zew-age-chip__icon {
          width:20px;
          height:20px;
          flex-basis:20px;
        }
        .zew-age-chip strong {
          font-size:10.5px;
        }
        .zew-age-chip small {
          font-size:8.5px;
        }
      }
      @media only screen and (min-width:1024px) and (max-width:1099px) {
        .zew-age-chip {
          gap:3px;
          padding:3px;
        }
        .zew-age-chip__icon {
          width:19px;
          height:19px;
          flex-basis:19px;
        }
        .zew-age-chip small {
          font-size:8px;
        }
      }
      @media only screen and (max-width:1023px) {
        .zew-age-strip {
          padding:8px 0 10px 0;
          border-top:1px solid #f2f4f7;
        }
        .zew-age-strip__shell {
          width:100%;
          max-width:none;
          margin:0;
          padding:0;
          border:0;
          border-radius:0;
          box-shadow:none;
          overflow:hidden;
        }
        .zew-age-strip__scroll {
          display:flex;
          align-items:center;
          gap:8px;
          overflow-x:auto;
          overflow-y:hidden;
          padding:2px 12px 8px;
          scroll-snap-type:x proximity;
          -webkit-overflow-scrolling:touch;
        }
        .zew-age-strip__scroll::-webkit-scrollbar {
          display:none;
        }
        .zew-age-label {
          flex:0 0 134px;
          height:54px;
          padding:0 11px;
          gap:8px;
          font-size:12px;
          background:#ffffff;
          border:1px solid #edf0f4;
          border-radius:12px;
          box-shadow:0 5px 16px rgba(20, 28, 40, 0.045);
          scroll-snap-align:start;
        }
        .zew-age-label svg {
          width:28px;
          height:28px;
          flex-basis:28px;
        }
        .zew-age-chip {
          flex:0 0 170px;
          height:54px;
          gap:7px;
          padding:6px 9px;
          border-radius:12px;
          scroll-snap-align:start;
        }
        .zew-age-chip:hover {
          transform:none;
        }
        .zew-age-chip__icon {
          width:34px;
          height:34px;
          flex-basis:34px;
        }
        .zew-age-chip strong {
          font-size:12px;
        }
        .zew-age-chip small {
          font-size:10px;
        }
      }
      @media only screen and (max-width:420px) {
        .zew-age-strip__scroll {
          gap:7px;
          padding-left:10px;
          padding-right:10px;
        }
        .zew-age-label {
          flex-basis:132px;
          padding:0 10px;
        }
        .zew-age-chip {
          flex-basis:168px;
          padding-left:8px;
          padding-right:8px;
        }
        .zew-age-chip__icon {
          width:32px;
          height:32px;
          flex-basis:32px;
        }
      }