/* Category page styles extracted for mobile cache reuse. */
.catalog-pagination-more .catalog-load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-width: 24rem;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 2.4rem rgba(255, 0, 72, 0.18);
  }

  .catalog-load-more-btn__arrow {
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    border: 2px solid currentColor;
    border-radius: 50%;
    flex: 0 0 1.8rem;
  }

  .catalog-load-more-btn__arrow:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 42%;
    width: .65rem;
    height: .65rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .catalog-pagination-more .catalog-load-more-btn:hover .catalog-load-more-btn__arrow {
    transform: translateY(.2rem);
    transition: transform .18s ease;
  }

  .catalog__title {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .category-hero {
    --hero-accent: #f20746;
    --hero-accent-rgb: 242, 7, 70;
    --hero-accent-2: #ff9ab6;
    --hero-accent-3: #ffe082;
    --hero-art-bg: #ffe7ee;
    --hero-art-soft: #fff7da;
    --hero-wash: #fff6f9;
    --hero-orb-rgb: 255, 43, 98;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 28rem);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 3.2rem;
    row-gap: 1.8rem;
    width: 100%;
    margin: 0 0 2.8rem;
    padding: 3.2rem 4rem 2.8rem;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 2.6rem;
    background:
      radial-gradient(circle at 88% 18%, rgba(var(--hero-orb-rgb), .13) 0, rgba(var(--hero-orb-rgb), .13) 15rem, transparent 15.2rem),
      linear-gradient(135deg, #fff 0%, #fff 58%, var(--hero-wash) 100%);
    box-shadow: 0 1.8rem 4.4rem rgba(15, 23, 42, .08);
    isolation: isolate;
  }

  .category-hero__content {
    position: relative;
    z-index: 2;
    min-width: 0;
  }

  .category-hero__title {
    max-width: 70rem;
    margin: 0;
    color: #10213a;
    font-size: clamp(3.6rem, 3vw, 5.6rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }

  .category-hero__eyebrow {
    max-width: 58rem;
    margin: 0 0 .85rem;
    color: var(--hero-accent);
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .category-hero__subtitle {
    max-width: 50rem;
    margin: 1.5rem 0 0;
    color: #3d4f6d;
    font-size: clamp(1.8rem, 1.55vw, 2.4rem);
    line-height: 1.35;
  }

  .category-hero__mobile-intro {
    display: none;
    max-width: 58rem;
    margin: .8rem 0 0;
    color: #43536e;
    font-size: 1.45rem;
    line-height: 1.35;
  }

  .category-hero__actions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-column: 1 / 2;
    gap: .8rem;
    width: 100%;
    max-width: 74rem;
    margin: 1.15rem auto 0;
  }

  .category-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 4.2rem;
    padding: .9rem 1.7rem;
    border-radius: 999px;
    background: var(--hero-accent);
    color: #fff;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: none;
    box-shadow: 0 .9rem 1.8rem rgba(var(--hero-accent-rgb), .24);
  }

  .category-hero__button:hover,
  .category-hero__button:focus {
    color: #fff;
    text-decoration: none;
  }

  .category-hero__button-text-mobile {
    display: none;
  }

  .category-seo-intro {
    max-width: 76rem;
    margin: 1.2rem 0 2.4rem;
    color: #43536e;
    font-size: 1.7rem;
    line-height: 1.55;
  }

  .category-hero__content .category-seo-intro {
    max-width: 58rem;
    margin: 1.4rem 0 0;
  }

  .posuda-subcategory-keywords {
    width: 100%;
    margin: 2.4rem 0 0;
    border: 1px solid #e2e8f0;
    border-radius: .8rem;
    background: #fff;
    overflow: hidden;
  }

  .posuda-subcategory-keywords__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    padding: 1.4rem 1.6rem;
    cursor: pointer;
    list-style: none;
  }

  .posuda-subcategory-keywords__summary::-webkit-details-marker {
    display: none;
  }

  .posuda-subcategory-keywords__summary::after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #d9003d;
    color: #fff;
    content: "+";
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  .posuda-subcategory-keywords[open] .posuda-subcategory-keywords__summary::after {
    content: "-";
  }

  .posuda-subcategory-keywords__title {
    display: block;
    margin: 0;
    color: #10213a;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.18;
  }

  .posuda-subcategory-keywords__hint {
    display: block;
    margin-top: .35rem;
    color: #536278;
    font-size: 1.3rem;
    line-height: 1.35;
  }

  .posuda-subcategory-keywords__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin: 0;
    padding: 0 1.6rem 1.6rem;
    list-style: none;
  }

  .posuda-subcategory-keywords__link {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    height: 100%;
    min-height: 6.8rem;
    padding: .9rem 1rem;
    border: 1px solid #edf2f7;
    border-radius: .8rem;
    background: #f8fbff;
    color: #10213a;
    text-decoration: none;
  }

  .posuda-subcategory-keywords__link:hover,
  .posuda-subcategory-keywords__link:focus {
    border-color: #d9003d;
    color: #10213a;
    text-decoration: none;
  }

  .posuda-subcategory-keywords__name {
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.25;
  }

  .posuda-subcategory-keywords__phrase {
    color: #536278;
    font-size: 1.22rem;
    line-height: 1.35;
  }

  @media (max-width: 992px) {
    .posuda-subcategory-keywords__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 560px) {
    .posuda-subcategory-keywords__summary {
      padding: 1.2rem;
    }

    .posuda-subcategory-keywords__list {
      grid-template-columns: minmax(0, 1fr);
      padding: 0 1.2rem 1.2rem;
    }
  }

  .category-seo-intro-row {
    width: 100%;
  }

  .category-seo-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(24rem, auto);
    gap: 1.8rem 2.4rem;
    align-items: end;
    width: 100%;
    margin: 0 0 2.2rem;
    padding: 2.4rem 2.8rem;
    overflow: hidden;
    border: 1px solid rgba(213, 221, 232, .95);
    border-radius: 1.4rem;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 62%, #fff6f9 100%);
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, .06);
  }

  .category-seo-hero__main {
    min-width: 0;
  }

  .category-seo-hero__title {
    max-width: 82rem;
    margin: 0;
    color: #10213a;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }

  .category-seo-hero__intro {
    max-width: 82rem;
    margin: 1.2rem 0 0;
    color: #43536e;
    font-size: 1.7rem;
    line-height: 1.55;
  }

  .category-seo-hero__facts {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .8rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .category-seo-hero__fact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.8rem;
    padding: .7rem 1.05rem;
    border: 1px solid rgba(213, 221, 232, .95);
    border-radius: .8rem;
    background: rgba(255, 255, 255, .92);
    color: #10213a;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
  }

  @media (min-width: 993px) {
    .catalog__content > .category-hero,
    .catalog__content > .category-seo-hero,
    .catalog__content > .catalog__title,
    .catalog__content > .category-seo-intro-row {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
    }

    .category-hero {
      grid-template-columns: minmax(0, 1fr) minmax(14rem, 20.5rem);
      column-gap: 2.35rem;
      row-gap: 1rem;
      margin-bottom: 2rem;
      padding: 2.15rem 2.9rem 1.9rem;
      border-radius: 2rem;
    }

    .category-hero__title {
      font-size: clamp(2.95rem, 2.3vw, 4.25rem);
    }

    .category-hero__eyebrow {
      margin-bottom: .55rem;
      font-size: 1.28rem;
    }

    .category-hero__subtitle {
      margin-top: .8rem;
      font-size: clamp(1.5rem, 1.15vw, 1.85rem);
    }

    .category-hero__content .category-seo-intro {
      margin-top: .8rem;
      font-size: 1.48rem;
      line-height: 1.4;
    }

    .category-hero__actions {
      margin-top: .95rem;
    }

    .category-hero__button {
      min-height: 3.65rem;
      padding: .75rem 1.45rem;
      font-size: 1.24rem;
    }

    .category-hero__badges {
      gap: .75rem;
      max-width: 64rem;
    }

    .category-hero__badge {
      min-height: 5.4rem;
      gap: .7rem;
      padding: .82rem 1rem;
      border-radius: 1.25rem;
    }

    .category-hero__badge-icon {
      flex-basis: 3.25rem;
      width: 3.25rem;
      height: 3.25rem;
      border-radius: 1rem;
    }

    .category-hero__badge-icon svg {
      width: 1.9rem;
      height: 1.9rem;
    }

    .category-hero__badge-title {
      font-size: 1.42rem;
    }

    .category-hero__badge-text {
      margin-top: .18rem;
      font-size: 1.08rem;
    }

    .category-hero__image {
      width: min(17.6rem, 100%);
    }

    .category-hero__decor {
      width: 16rem;
      height: 16rem;
      bottom: -4.6rem;
    }

    .category-hero--catalog-main {
      min-height: 16.1rem;
      padding-top: 1.9rem;
      padding-bottom: 1.75rem;
    }

    .category-hero--catalog-main .category-hero__title {
      font-size: clamp(2.65rem, 2.35vw, 4.05rem);
    }

    .category-hero__meta {
      gap: .6rem 1rem;
      margin-top: 1rem;
      font-size: clamp(1.35rem, 1.12vw, 1.7rem);
    }
  }

  .category-hero__badges {
    position: relative;
    z-index: 2;
    display: grid;
    grid-column: 1 / 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    width: 100%;
    max-width: 74rem;
    margin: 1.25rem auto 0;
  }

  .category-hero__badge {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 7.6rem;
    gap: 1.2rem;
    padding: 1.4rem 1.5rem;
    border: 1px solid rgba(226, 232, 240, .88);
    border-radius: 1.8rem;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .055);
    backdrop-filter: blur(.8rem);
  }

  .category-hero__badge-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 4.6rem;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.4rem;
    color: var(--hero-accent);
    background: rgba(var(--hero-accent-rgb), .085);
  }

  .category-hero__badge-icon svg {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    stroke: currentColor;
  }

  .category-hero__badge-copy {
    min-width: 0;
  }

  .category-hero__badge-title {
    display: block;
    color: #10213a;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.16;
    white-space: normal;
  }

  .category-hero__badge-text {
    display: block;
    margin-top: .35rem;
    color: #51627c;
    font-size: 1.35rem;
    line-height: 1.22;
  }

  .category-hero__image {
    position: relative;
    z-index: 1;
    grid-column: 2 / 3;
    grid-row: 1 / span 2;
    justify-self: end;
    width: min(24rem, 100%);
    max-width: 100%;
    pointer-events: none;
  }

  .category-hero__image svg {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 2rem 2.6rem rgba(15, 23, 42, .12));
  }

  .category-hero__image text {
    font-family: Arial, sans-serif;
    letter-spacing: 0;
  }

  .category-hero__decor {
    position: absolute;
    inset: auto -4rem -6rem auto;
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    background: rgba(var(--hero-accent-rgb), .055);
    pointer-events: none;
    z-index: 0;
  }

  .category-hero--catalog-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 0;
    padding: 2.6rem 3.2rem 2.35rem;
    text-align: left;
    background: linear-gradient(135deg, #fff 0%, #fff 72%, #fff7fa 100%);
  }

  .category-hero--catalog-main .category-hero__content {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .category-hero--catalog-main .category-hero__title {
    max-width: 78rem;
    margin: 0;
    font-size: clamp(2.55rem, 2.2vw, 3.8rem);
    line-height: 1.14;
  }

  .category-hero--catalog-main .category-hero__subtitle {
    max-width: 64rem;
    margin: 1.15rem 0 0;
    font-size: clamp(1.45rem, 1.12vw, 1.7rem);
    line-height: 1.45;
  }

  .category-hero--catalog-main .category-hero__badges {
    grid-column: auto;
    width: 100%;
    max-width: 100%;
    margin: 2rem 0 0;
  }

  .category-hero__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .9rem 1.6rem;
    margin-top: 1.8rem;
    color: #7a8497;
    font-size: clamp(1.7rem, 1.55vw, 2.3rem);
    font-weight: 500;
    line-height: 1.25;
  }

  .category-hero__meta-item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  .category-hero__meta-dot {
    display: inline-flex;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #f20746;
    box-shadow: 0 0 0 .35rem rgba(242, 7, 70, .08);
  }

  .category-hero--catalog-main .category-hero__image,
  .category-hero--catalog-main .category-hero__decor {
    display: none;
  }

  @media (max-width: 1200px) {
    .category-hero {
      grid-template-columns: minmax(0, 1fr) minmax(16rem, 23rem);
      padding: 3rem;
      gap: 2.4rem;
    }

    .category-hero__badges {
      max-width: 100%;
    }
  }

  .category-hero--toys {
    --hero-accent: #f20746;
    --hero-accent-rgb: 242, 7, 70;
    --hero-accent-2: #ff9ab6;
    --hero-accent-3: #ffe082;
    --hero-art-bg: #ffe7ee;
    --hero-art-soft: #fff7da;
    --hero-wash: #fff6f9;
    --hero-orb-rgb: 255, 43, 98;
  }

  @media (min-width: 769px) {
    .category-hero--toys .category-hero__badges {
      max-width: 58rem;
      gap: .8rem;
      margin-top: 1rem;
    }

    .category-hero--toys .category-hero__badge {
      min-height: 5.2rem;
      gap: .75rem;
      padding: .85rem 1rem;
      border-radius: 1.2rem;
      box-shadow: 0 .55rem 1.35rem rgba(15, 23, 42, .045);
    }

    .category-hero--toys .category-hero__badge-icon {
      flex-basis: 3.2rem;
      width: 3.2rem;
      height: 3.2rem;
      border-radius: .95rem;
    }

    .category-hero--toys .category-hero__badge-icon svg {
      width: 1.75rem;
      height: 1.75rem;
    }

    .category-hero--toys .category-hero__badge-title {
      font-size: 1.42rem;
      line-height: 1.12;
    }

    .category-hero--toys .category-hero__badge-text {
      margin-top: .15rem;
      font-size: 1.08rem;
    }
  }

  .category-hero--batteries,
  .category-hero--electric {
    --hero-accent: #1f64d6;
    --hero-accent-rgb: 31, 100, 214;
    --hero-accent-2: #f2b705;
    --hero-accent-3: #2f3a4a;
    --hero-art-bg: #e8f1ff;
    --hero-art-soft: #fff5cc;
    --hero-wash: #f5f9ff;
    --hero-orb-rgb: 31, 100, 214;
  }

  .category-hero--dishes {
    --hero-accent: #3b82a0;
    --hero-accent-rgb: 59, 130, 160;
    --hero-accent-2: #e9c58d;
    --hero-accent-3: #8cc7d8;
    --hero-art-bg: #eef9fb;
    --hero-art-soft: #fff4df;
    --hero-wash: #fbf7ef;
    --hero-orb-rgb: 141, 199, 216;
  }

  .category-hero--tools {
    --hero-accent: #f08a24;
    --hero-accent-rgb: 240, 138, 36;
    --hero-accent-2: #374151;
    --hero-accent-3: #f8c64f;
    --hero-art-bg: #fff0dc;
    --hero-art-soft: #eef1f5;
    --hero-wash: #fff8ee;
    --hero-orb-rgb: 240, 138, 36;
  }

  .category-hero--crafts {
    --hero-accent: #a855f7;
    --hero-accent-rgb: 168, 85, 247;
    --hero-accent-2: #ec4899;
    --hero-accent-3: #22c7a8;
    --hero-art-bg: #f5eaff;
    --hero-art-soft: #fff0f8;
    --hero-wash: #fbf6ff;
    --hero-orb-rgb: 168, 85, 247;
  }

  .category-hero--accessories {
    --hero-accent: #b7791f;
    --hero-accent-rgb: 183, 121, 31;
    --hero-accent-2: #1f2a44;
    --hero-accent-3: #d9a857;
    --hero-art-bg: #fff0d9;
    --hero-art-soft: #eef2f8;
    --hero-wash: #fff8ef;
    --hero-orb-rgb: 183, 121, 31;
  }

  .category-hero--household,
  .category-hero--garden {
    --hero-accent: #249c63;
    --hero-accent-rgb: 36, 156, 99;
    --hero-accent-2: #7abf5a;
    --hero-accent-3: #8bc7de;
    --hero-art-bg: #eaf8ef;
    --hero-art-soft: #f6efd9;
    --hero-wash: #f5fbf7;
    --hero-orb-rgb: 36, 156, 99;
  }

  .category-hero--care {
    --hero-accent: #6f8fe8;
    --hero-accent-rgb: 111, 143, 232;
    --hero-accent-2: #c084fc;
    --hero-accent-3: #7dd3fc;
    --hero-art-bg: #eef4ff;
    --hero-art-soft: #f8ecff;
    --hero-wash: #f7fbff;
    --hero-orb-rgb: 111, 143, 232;
  }

  .category-hero--lighters {
    --hero-accent: #ef6c00;
    --hero-accent-rgb: 239, 108, 0;
    --hero-accent-2: #f20746;
    --hero-accent-3: #ffcf57;
    --hero-art-bg: #fff1dc;
    --hero-art-soft: #ffe9ed;
    --hero-wash: #fff8ef;
    --hero-orb-rgb: 239, 108, 0;
  }

  .category-hero--stationery {
    --hero-accent: #3b82f6;
    --hero-accent-rgb: 59, 130, 246;
    --hero-accent-2: #8b5cf6;
    --hero-accent-3: #f6c344;
    --hero-art-bg: #edf6ff;
    --hero-art-soft: #fff8d7;
    --hero-wash: #f7fbff;
    --hero-orb-rgb: 59, 130, 246;
  }

  .category-hero--christmas {
    --hero-accent: #16864d;
    --hero-accent-rgb: 22, 134, 77;
    --hero-accent-2: #d81e3f;
    --hero-accent-3: #f1c453;
    --hero-art-bg: #eaf8ef;
    --hero-art-soft: #fff1f3;
    --hero-wash: #f7fbf4;
    --hero-orb-rgb: 216, 30, 63;
  }

  .category-hero--gifts {
    --hero-accent: #d63384;
    --hero-accent-rgb: 214, 51, 132;
    --hero-accent-2: #7c3aed;
    --hero-accent-3: #f4bd4f;
    --hero-art-bg: #fff0f7;
    --hero-art-soft: #f4edff;
    --hero-wash: #fff7fb;
    --hero-orb-rgb: 214, 51, 132;
  }

  .category-hero--sport {
    --hero-accent: #2563eb;
    --hero-accent-rgb: 37, 99, 235;
    --hero-accent-2: #22a06b;
    --hero-accent-3: #ff8a3d;
    --hero-art-bg: #edf5ff;
    --hero-art-soft: #effaf3;
    --hero-wash: #f5f9ff;
    --hero-orb-rgb: 37, 99, 235;
  }

  @media (max-width: 768px) {
    .category-hero {
      grid-template-columns: minmax(0, 1fr) 8.7rem;
      grid-template-rows: auto auto;
      column-gap: .65rem;
      row-gap: .5rem;
      margin-bottom: .35rem;
      padding: 1.1rem 1rem .85rem;
      border-radius: 1.35rem;
      background:
        radial-gradient(circle at 88% 23%, rgba(var(--hero-orb-rgb), .12) 0, rgba(var(--hero-orb-rgb), .12) 5.8rem, transparent 5.95rem),
        linear-gradient(135deg, #fff 0%, #fff 60%, var(--hero-wash) 100%);
    }

    .category-hero__title {
      font-size: clamp(2rem, 6.15vw, 2.52rem);
      line-height: 1.04;
    }

    .category-hero__subtitle {
      max-width: 19rem;
      margin-top: .42rem;
      font-size: 1.15rem;
      line-height: 1.18;
    }

    .category-hero--has-mobile-intro .category-hero__eyebrow,
    .category-hero--has-mobile-intro .category-hero__subtitle,
    .category-hero--has-mobile-intro .category-seo-intro {
      display: none;
    }

    .category-hero__mobile-intro {
      display: block;
      max-width: 20.5rem;
      margin-top: .4rem;
      font-size: 1.02rem;
      line-height: 1.18;
    }

    .category-hero__actions {
      grid-column: 1 / -1;
      max-width: 100%;
      justify-content: center;
      margin-top: .5rem;
    }

    .category-hero__button {
      min-height: 3.05rem;
      padding: .55rem 1.05rem;
      font-size: 1.02rem;
      box-shadow: none;
    }

    .category-hero__button-text-full {
      display: none;
    }

    .category-hero__button-text-mobile {
      display: inline;
    }

    .category-hero__image {
      grid-column: 2 / 3;
      grid-row: 1 / 2;
      width: 8.2rem;
      align-self: start;
    }

    .category-hero__badges {
      grid-column: 1 / -1;
      gap: .35rem;
      margin-top: .35rem;
    }

    .category-hero__badge {
      min-height: 3.7rem;
      gap: .28rem;
      padding: .36rem .25rem;
      border-radius: .95rem;
    }

    .category-hero__badge-icon {
      flex-basis: 1.55rem;
      width: 1.55rem;
      height: 1.55rem;
      border-radius: .65rem;
    }

    .category-hero__badge-icon svg {
      width: 1rem;
      height: 1rem;
    }

    .category-hero__badge-title {
      font-size: .82rem;
      line-height: 1.08;
      white-space: nowrap;
    }

    .category-hero__badge-text {
      margin-top: .12rem;
      font-size: .7rem;
      line-height: 1.08;
    }

    .category-hero__decor {
      width: 8.5rem;
      height: 8.5rem;
      right: -3.4rem;
      bottom: -3.4rem;
    }
  }

  @media (max-width: 374px) {
    .category-hero {
      grid-template-columns: minmax(0, 1fr) 8.8rem;
      padding: 1.35rem 1rem 1rem;
    }

    .category-hero__title {
      font-size: clamp(2.2rem, 7.5vw, 2.65rem);
    }

    .category-hero__subtitle {
      max-width: 17rem;
      font-size: 1.24rem;
    }

    .category-hero__image {
      width: 8.6rem;
    }

    .category-hero__badges {
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      max-width: 100%;
      padding: .15rem .15rem .35rem;
      scroll-snap-type: x proximity;
      -webkit-overflow-scrolling: touch;
    }

    .category-hero__badge {
      flex: 0 0 10.8rem;
      scroll-snap-align: start;
    }
  }

  @media (max-width: 768px) {
    .category-hero--catalog-main {
      min-height: 0;
      margin-bottom: .35rem;
      padding: 1.05rem 1rem .9rem;
      border-radius: 1.35rem;
    }

    .category-hero--catalog-main .category-hero__title {
      max-width: 100%;
      font-size: clamp(1.68rem, 5vw, 2.18rem);
      line-height: 1.08;
    }

    .category-hero--catalog-main .category-hero__subtitle {
      max-width: 100%;
      margin-top: .62rem;
      font-size: 1.05rem;
      line-height: 1.28;
    }

    .category-hero--catalog-main .category-hero__badges {
      grid-template-columns: 1fr;
      gap: .45rem;
      margin-top: .75rem;
    }

    .category-hero__meta {
      gap: .35rem .6rem;
      margin-top: .65rem;
      font-size: clamp(1.05rem, 3.15vw, 1.28rem);
    }

    .category-hero__meta-dot {
      width: .4rem;
      height: .4rem;
      box-shadow: 0 0 0 .25rem rgba(242, 7, 70, .07);
    }

    .catalog__title {
      display: block;
      width: calc(100vw - 3.2rem);
      max-width: calc(100vw - 3.2rem);
      margin-left: 0 !important;
      margin-right: 0 !important;
      line-height: 1.18;
      white-space: normal !important;
      overflow-wrap: break-word;
    }

    .category-seo-hero {
      grid-template-columns: minmax(0, 1fr);
      gap: .8rem;
      margin-bottom: 1.05rem;
      padding: 1.1rem 1rem .95rem;
      border-radius: 1rem;
    }

    .category-seo-hero__title {
      font-size: 2.22rem;
      line-height: 1.08;
      text-align: center;
    }

    .category-seo-hero__intro {
      margin-top: .65rem;
      font-size: 1.28rem;
      line-height: 1.33;
    }

    .category-seo-hero__facts {
      justify-content: flex-start;
      gap: .45rem;
    }

    .category-seo-hero__fact {
      flex: 1 1 calc(33.333% - .45rem);
      min-height: 2.95rem;
      padding: .45rem .4rem;
      font-size: .92rem;
      line-height: 1.08;
    }

    .catalog-pagination-more .catalog-load-more-btn {
      width: 100%;
      min-width: 0;
      max-width: 32rem;
    }
  }

  @media (max-width: 768px) {
    .category-hero--batteries {
      grid-template-columns: minmax(0, 1fr) 8.1rem;
      column-gap: .55rem;
      row-gap: .45rem;
      padding: 1rem .95rem .8rem;
    }

    .category-hero--batteries .category-hero__title {
      font-size: clamp(1.88rem, 5.65vw, 2.35rem);
      line-height: 1.04;
    }

    .category-hero--batteries .category-hero__subtitle {
      max-width: 17.2rem;
      margin-top: .35rem;
      font-size: 1.08rem;
      line-height: 1.15;
    }

    .category-hero--batteries .category-hero__image {
      width: 7.7rem;
    }

    .category-hero--batteries .category-hero__badges {
      margin-top: .25rem;
    }

    .category-hero--batteries .category-hero__badge {
      min-height: 3.55rem;
      padding-top: .32rem;
      padding-bottom: .32rem;
    }
  }

  @media (max-width: 374px) {
    .category-hero--batteries {
      grid-template-columns: minmax(0, 1fr) 7rem;
      padding: .9rem .8rem .7rem;
    }

    .category-hero--batteries .category-hero__title {
      font-size: clamp(1.78rem, 6.35vw, 2.1rem);
    }

    .category-hero--batteries .category-hero__subtitle {
      max-width: 15rem;
      font-size: 1rem;
    }

    .category-hero--batteries .category-hero__image {
      width: 6.6rem;
    }
  }

  @media (max-width: 768px) {
    .mob-filters.codex-mobile-catalog-controls {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
      align-items: stretch;
      gap: .8rem;
      margin: 1.35rem 0 1.45rem;
    }

    .category-hero + .mob-filters.codex-mobile-catalog-controls {
      margin-top: .35rem;
    }

    .category-seo-hero + .mob-filters.codex-mobile-catalog-controls {
      margin-top: .75rem;
    }

    .codex-mobile-catalog-controls__card {
      position: relative;
      display: flex !important;
      align-items: center;
      min-width: 0;
      min-height: 5.9rem;
      padding: .9rem 1rem;
      border: 1px solid rgba(213, 221, 232, .95);
      border-radius: 1.35rem;
      background: rgba(255, 255, 255, .96);
      box-shadow: 0 .7rem 1.8rem rgba(15, 23, 42, .055);
      color: #0f172a;
      text-align: left;
      overflow: hidden;
    }

    .codex-mobile-catalog-controls__filter {
      gap: .8rem;
      justify-content: flex-start;
    }

    .codex-mobile-catalog-controls__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 3.05rem;
      width: 3.05rem;
      height: 3.05rem;
      color: #0f172a;
    }

    .codex-mobile-catalog-controls__icon svg,
    .codex-mobile-catalog-controls__chevron svg {
      display: block;
      width: 100%;
      height: 100%;
      stroke: currentColor;
    }

    .codex-mobile-catalog-controls__chevron svg {
      position: static !important;
      width: 2.2rem !important;
      height: 2.2rem !important;
      min-width: 2.2rem !important;
      max-width: 2.2rem !important;
      transform: none !important;
    }

    .codex-mobile-catalog-controls__copy {
      display: block;
      min-width: 0;
    }

    .codex-mobile-catalog-controls__title {
      display: block;
      color: #111827;
      font-size: clamp(1.28rem, 3.65vw, 1.72rem);
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: 0;
    }

    .codex-mobile-catalog-controls__text {
      display: block;
      margin-top: .25rem;
      color: #1e8bff;
      font-size: clamp(1.18rem, 3.35vw, 1.48rem);
      font-weight: 500;
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .codex-mobile-catalog-controls__sort {
      gap: .65rem;
      cursor: pointer;
    }

    .codex-mobile-catalog-controls__sort-copy {
      flex: 1 1 auto;
      min-width: 0;
    }

    .codex-mobile-catalog-controls__chevron {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 2.2rem;
      width: 2.2rem;
      height: 2.2rem;
      margin-left: auto;
      color: #0f172a;
      z-index: 2;
    }

    .mob-sort-filters.codex-mobile-catalog-controls__select {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      min-height: 100%;
      opacity: 0;
      cursor: pointer;
      z-index: 4;
    }
  }

  @media (max-width: 374px) {
    .mob-filters.codex-mobile-catalog-controls {
      gap: .55rem;
      margin-top: 1.05rem;
      margin-bottom: 1.15rem;
    }

    .category-hero + .mob-filters.codex-mobile-catalog-controls {
      margin-top: .25rem;
    }

    .codex-mobile-catalog-controls__card {
      min-height: 5.45rem;
      padding: .75rem .78rem;
      border-radius: 1.2rem;
    }

    .codex-mobile-catalog-controls__icon {
      flex-basis: 2.5rem;
      width: 2.5rem;
      height: 2.5rem;
    }

    .codex-mobile-catalog-controls__title {
      font-size: 1.18rem;
    }

    .codex-mobile-catalog-controls__text {
      font-size: 1.08rem;
    }
  }