@layer reset, tokens, base, blocks, pages;

@layer tokens {
  :root {
    --ty-teal: #0d7c8d;
    --ty-teal-deep: #0a4f5a;
    --ty-teal-ink: #083f48;
    --ty-sun: #f6c840;
    --ty-sun-soft: #fdf3cf;
    --ty-ink: #13262b;
    --ty-mute: #5b6b6f;
    --ty-sand: #f4eee9;
    --ty-mist: #eef5f6;
    --ty-line: #dfe7e8;
    --ty-white: #fff;
    --ty-shell: 1240px;
    --ty-read: 780px;
    --ty-mid: 1080px;
    --ty-r: 14px;
    --ty-r-sm: 8px;
    --ty-head: "Geologica", "Segoe UI", system-ui, sans-serif;
    --ty-body: "Wix Madefor Text", "Segoe UI", system-ui, sans-serif;
  }
}

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  body, h1, h2, h3, h4, p, ul, ol, figure, blockquote { margin: 0; }
  ul, ol { padding: 0; }
  img { max-inline-size: 100%; block-size: auto; display: block; }
  table { border-collapse: collapse; }
}

@layer base {
  body { font-family: var(--ty-body); font-size: 17px; line-height: 1.65; color: var(--ty-ink); background: var(--ty-white); overflow-x: hidden; }
  h1, h2, h3, h4 { font-family: var(--ty-head); line-height: 1.18; letter-spacing: -.01em; color: var(--ty-ink); }
  h1 { font-size: clamp(1.9rem, 3.4vw, 2.75rem); font-weight: 800; }
  h2 { font-size: clamp(1.5rem, 2.5vw, 2.05rem); font-weight: 700; }
  h3 { font-size: 1.18rem; font-weight: 700; }
  a { color: var(--ty-teal); text-underline-offset: 3px; }
  a:hover { color: var(--ty-teal-deep); }
  :focus-visible { outline: 3px solid var(--ty-sun); outline-offset: 2px; }
  .gurilid8 { inline-size: min(100% - 32px, var(--ty-shell)); margin-inline: auto; }
  .liqa3 { inline-size: min(100% - 32px, var(--ty-read)); }
  .hipej4 { inline-size: min(100% - 32px, var(--ty-mid)); }
  .bulapi6 { position: absolute; inset-inline-start: -999px; }
  .bulapi6:focus { inset-inline-start: 16px; inset-block-start: 8px; z-index: 99; background: var(--ty-white); padding: 8px 14px; }
  .zugeqeg8 { font-family: var(--ty-head); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ty-teal); margin-block-end: 8px; }
  .nisoga9 { inline-size: 26px; block-size: 26px; flex: none; color: var(--ty-teal); }
  .zilob2 { inline-size: 16px; block-size: 16px; }
  .fikekup0 { display: inline-block; background: var(--ty-teal); color: var(--ty-white); font-family: var(--ty-head); font-weight: 600; padding: 10px 22px; border-radius: 999px; text-decoration: none; }
  .fikekup0:hover { background: var(--ty-teal-deep); color: var(--ty-white); }
  .joji1 { display: block; cursor: pointer; transition: transform .15s ease, filter .15s ease; }
  .joji1 img { inline-size: 100%; }
  .joji1:hover { transform: translateY(-1px); filter: brightness(1.04); }
}

@layer blocks {
  /* анонс-полоса */
  .necopuc5 { background: var(--ty-ink); color: var(--ty-white); text-align: center; font-size: .82rem; font-weight: 600; padding: 8px 16px; letter-spacing: .02em; }

  /* шапка */
  .wesu6 { position: sticky; inset-block-start: 0; z-index: 30; background: var(--ty-white); border-block-end: 1px solid var(--ty-line); }
  .kikawo9 { display: flex; align-items: center; gap: 28px; min-block-size: 76px; }
  .puri1 img { inline-size: 112px; }
  .papu2 ul { list-style: none; display: flex; gap: 30px; }
  .papu2 a { color: var(--ty-ink); text-decoration: none; font-family: var(--ty-head); font-weight: 600; font-size: .98rem; padding-block: 6px; border-block-end: 2px solid transparent; }
  .papu2 a:hover, .papu2 a[aria-current] { color: var(--ty-teal); border-block-end-color: var(--ty-teal); }
  .jefaqix0 { margin-inline-start: auto; inline-size: 230px; }
  .gudi7, .zojawif3 { display: none; }

  /* хиро-карточка */
  .kulege1 { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; padding-block: 36px 56px; align-items: start; }
  .ziwan3 { display: flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ty-mute); margin-block-end: 10px; }
  .ziwan3 .nisoga9 { color: var(--ty-sun); fill: var(--ty-sun); }
  .talike6 { margin-block: 16px 18px; color: #2f4246; }
  .genet7 { list-style: none; display: grid; gap: 10px; margin-block-end: 18px; }
  .genet7 li { display: flex; gap: 12px; align-items: flex-start; font-weight: 600; }
  .qexehaz3 li { font-weight: 400; }
  .qexehaz3 .nisoga9 { inline-size: 20px; block-size: 20px; margin-block-start: 3px; }
  .didu0 { font-family: var(--ty-head); font-size: 2rem; font-weight: 800; margin-block: 6px 12px; }
  .didu0 span { font-size: 1rem; font-weight: 600; color: var(--ty-mute); }
  .didu0 .sabu4 { font-size: inherit; font-weight: inherit; color: var(--ty-ink); }
  .didu0 s, .pamep4 s { font-size: 1rem; color: var(--ty-mute); font-weight: 500; }
  .nohu4 { font-weight: 700; font-size: .9rem; margin-block-end: 8px; }
  .pajico2 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-block-end: 18px; }
  .pihuq4 { display: flex; flex-direction: column; gap: 2px; border: 1.5px solid var(--ty-line); border-radius: var(--ty-r-sm); padding: 10px 12px; text-decoration: none; color: var(--ty-ink); font-size: .9rem; }
  .pihuq4 b { font-family: var(--ty-head); }
  .pihuq4 span { color: var(--ty-mute); }
  .pihuq4:hover, .pihuq4[aria-current] { border-color: var(--ty-teal); background: var(--ty-mist); color: var(--ty-ink); }
  .paxu9 { max-inline-size: 440px; margin-block: 6px 16px; }
  .viful2 { font-size: .85rem; color: var(--ty-mute); margin-block: -6px 14px; }
  .quru3 { border-block-end: 1px solid var(--ty-line); }
  .quru3:first-of-type { border-block-start: 1px solid var(--ty-line); }
  .quru3 summary { cursor: pointer; list-style: none; font-family: var(--ty-head); font-weight: 600; padding-block: 14px; display: flex; justify-content: space-between; }
  .quru3 summary::after { content: "+"; font-size: 1.3rem; line-height: 1; color: var(--ty-teal); }
  .quru3[open] summary::after { content: "\2212"; }
  .quru3 p, .quru3 table { padding-block-end: 14px; color: #34474b; }
  .fasunu1 { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-block-start: 22px; text-align: center; font-size: .82rem; }
  .fasunu1 li { display: flex; flex-direction: column; align-items: center; gap: 4px; }
  .fasunu1 b { font-family: var(--ty-head); font-size: .88rem; }
  .fasunu1 span { color: var(--ty-mute); }

  /* галерея */
  .misow8 { position: relative; }
  .vuse8 { position: absolute; opacity: 0; pointer-events: none; }
  .valizu8 { background: var(--ty-mist); border-radius: var(--ty-r); overflow: hidden; aspect-ratio: 1; }
  .fafe6 { display: none; inline-size: 100%; block-size: 100%; object-fit: contain; }
  .wisawem7 { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 10px; margin-block-start: 12px; }
  .farav5 { cursor: pointer; border: 2px solid transparent; border-radius: var(--ty-r-sm); overflow: hidden; background: var(--ty-mist); }
  .farav5:hover { border-color: var(--ty-line); }
  .vuse8:nth-of-type(1):checked ~ .valizu8 .xame5, .vuse8:nth-of-type(2):checked ~ .valizu8 .qabinox5,
  .vuse8:nth-of-type(3):checked ~ .valizu8 .dino2, .vuse8:nth-of-type(4):checked ~ .valizu8 .semaq5,
  .vuse8:nth-of-type(5):checked ~ .valizu8 .jutiro3, .vuse8:nth-of-type(6):checked ~ .valizu8 .situja0,
  .vuse8:nth-of-type(7):checked ~ .valizu8 .suxiqot0 { display: block; }
  .vuse8:nth-of-type(1):checked ~ .wisawem7 .fekecin4, .vuse8:nth-of-type(2):checked ~ .wisawem7 .vokolal1,
  .vuse8:nth-of-type(3):checked ~ .wisawem7 .xugogok2, .vuse8:nth-of-type(4):checked ~ .wisawem7 .neseki1,
  .vuse8:nth-of-type(5):checked ~ .wisawem7 .cesus4, .vuse8:nth-of-type(6):checked ~ .wisawem7 .birace3,
  .vuse8:nth-of-type(7):checked ~ .wisawem7 .kisuha0 { border-color: var(--ty-teal); }

  /* бирюзовая полоса */
  .picimuk2 { background: var(--ty-teal); color: var(--ty-white); padding-block: 44px; }
  .picimuk2 h2 { color: var(--ty-white); text-align: center; max-inline-size: 720px; margin-inline: auto; margin-block-end: 28px; }
  .kazuv8 { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
  .kazuv8 li { display: flex; gap: 14px; align-items: flex-start; }
  .kazuv8 .nisoga9 { color: var(--ty-sun); inline-size: 34px; block-size: 34px; }
  .kazuv8 b { display: block; font-family: var(--ty-head); font-size: 1.05rem; }
  .kazuv8 span { opacity: .9; font-size: .95rem; }
  .xide0 { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
  .xide0 li { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .35); padding: 8px 16px; border-radius: 999px; font-weight: 600; }

  .penigu8 img { inline-size: 100%; aspect-ratio: 5 / 1; object-fit: cover; }

  /* ряды фото/текст */
  .hosi4 { display: grid; gap: 22px; padding-block: 56px; }
  .rani9 { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--ty-line); border-radius: var(--ty-r); overflow: hidden; align-items: center; }
  .xogu2 .mavib0 { order: 2; }
  .mavib0 { block-size: 100%; }
  .mavib0 img { inline-size: 100%; block-size: 100%; object-fit: cover; min-block-size: 280px; }
  .rabifoq4 .mavib0 img { aspect-ratio: 1; min-block-size: 0; object-fit: contain; background: var(--ty-mist); }
  .dura0 { padding: 40px clamp(22px, 4vw, 56px); }
  .dura0 h3 { margin-block: 10px 12px; color: var(--ty-teal-deep); }
  .dura0 p { color: #3b4d51; }

  /* top picks */
  .nipajir6 { background: var(--ty-sand); padding-block: 60px; }
  .nipajir6 h2 + p { margin-block: 8px 22px; color: var(--ty-mute); }
  .mirer6 { list-style: none; display: grid; gap: 14px; margin-block-end: 34px; }
  .hohax9 { font-family: var(--ty-head); font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .mirer6 a { font-weight: 600; }
  .gozilur9 { color: var(--ty-mute); }
  .qohojuc7 { font-size: .85rem; font-weight: 500; color: var(--ty-mute); text-decoration: none; }
  .cemo1 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .nucurun2 { background: var(--ty-white); border: 1px solid var(--ty-line); padding: 22px; scroll-margin-block-start: 100px; }
  .soduj3 { font-family: var(--ty-head); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ty-teal); }
  .taze7 { font-size: 1.2rem; margin-block: 4px 14px; }
  .taze7 a { color: var(--ty-ink); text-decoration: none; }
  .bojag1 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: center; }
  .pamep4 { font-family: var(--ty-head); font-weight: 800; font-size: 1.5rem; margin-block-end: 10px; }
  .sowapo4 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-block: 16px; }
  .sowapo4 > div { border: 1px solid var(--ty-line); padding: 12px 14px; }
  .sowapo4 h4 { font-family: var(--ty-head); font-size: .95rem; margin-block-end: 6px; }
  .sowapo4 ul { padding-inline-start: 18px; font-size: .9rem; color: #3b4d51; }
  .sowapo4 li::marker { color: var(--ty-teal); }
  .vazipuz7 { border-block-start: 1px solid var(--ty-line); }
  .vazipuz7 summary { cursor: pointer; padding-block: 10px; font-family: var(--ty-head); font-weight: 600; font-size: .95rem; }
  .vazipuz7 p, .vazipuz7 table { padding-block-end: 12px; font-size: .93rem; }
  .vejodet0 { text-align: center; margin-block-start: 26px; font-weight: 600; }
  .quluriz8 { inline-size: 100%; font-size: .92rem; }
  .quluriz8 th, .quluriz8 td { text-align: start; padding: 7px 8px; border-block-end: 1px solid var(--ty-line); vertical-align: top; }
  .quluriz8 th { font-weight: 600; inline-size: 42%; color: var(--ty-mute); }

  /* about */
  .dipajan1 { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; padding-block: 64px; }
  .nijed5 { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; align-items: center; }
  .nijed5 img { border-radius: var(--ty-r); inline-size: 100%; object-fit: cover; aspect-ratio: 3 / 4; box-shadow: 0 18px 40px rgba(8, 63, 72, .15); }
  .nijed5 img + img { aspect-ratio: 1; object-fit: contain; background: var(--ty-mist); }
  .dujo4 p { margin-block: 12px; color: #3b4d51; }
  .dujo4 .fikekup0 { margin-block-start: 8px; }

  /* отзывы */
  .kimux4 { padding-block: 24px 56px; }
  .kimux4 h2 { margin-block-end: 22px; }
  .zerora4 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .duvekar1 { background: #f3f4f4; padding: 22px; display: flex; flex-direction: column; gap: 10px; }
  .duvekar1 h3 { font-size: 1.02rem; }
  .duvekar1 p { font-size: .93rem; color: #34474b; }
  .tulac3 { color: #e3a008; letter-spacing: 2px; }
  .ronuq9 { font-size: .82rem !important; color: var(--ty-mute) !important; margin-block-start: auto; }

  /* заметки */
  .tiju7 { padding-block: 24px 56px; }
  .tiju7 h2 { margin-block-end: 22px; }
  .tuqe5 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
  .desef8 { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 26px 56px; }
  .gibugul1 img { aspect-ratio: 2 / 1; object-fit: cover; inline-size: 100%; }
  .gibugul1 h3 { margin-block: 14px 8px; }
  .gibugul1 h3 a { color: var(--ty-ink); text-decoration: none; }
  .gibugul1 p { color: var(--ty-mute); font-size: .93rem; }
  .pekalu9 { text-align: center; margin-block-start: 26px; }

  /* редакционный SEO */
  .setore0 { padding-block: 56px; border-block-start: 1px solid var(--ty-line); }
  .setore0 h2 { margin-block-end: 18px; }
  .setore0 h3 { margin-block: 26px 8px; font-size: 1.15rem; }
  .setore0 p { margin-block-end: 12px; color: #2f4246; }
  .xovod5 { background: var(--ty-mist); border-inline-start: 4px solid var(--ty-teal); padding: 18px 22px; margin-block: 8px 10px; }
  .xovod5 h3 { margin-block: 0 8px; }
  .xovod5 ul { padding-inline-start: 20px; display: grid; gap: 6px; }

  /* FAQ */
  .wunilef7 { background: var(--ty-sand); padding-block: 56px; }
  .wunilef7 h2 { margin-block-end: 18px; }
  .rizek8 { background: var(--ty-white); border-radius: var(--ty-r-sm); margin-block-end: 10px; padding-inline: 20px; }
  .rizek8 summary { cursor: pointer; font-family: var(--ty-head); font-weight: 600; padding-block: 16px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
  .rizek8 summary::after { content: "+"; color: var(--ty-teal); font-size: 1.3rem; line-height: 1; }
  .rizek8[open] summary::after { content: "\2212"; }
  .rizek8 p { padding-block-end: 16px; color: #34474b; }

  /* жёлтая полоса */
  .delubus2 { background: var(--ty-sun); padding-block: 30px; }
  .delubus2 ul { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; text-align: center; }
  .delubus2 li { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: .86rem; }
  .delubus2 .nisoga9 { color: var(--ty-ink); }
  .delubus2 b { font-family: var(--ty-head); font-size: .95rem; }

  /* подвал */
  .tipe0 { background: var(--ty-teal-deep); color: #d9eef1; padding-block: 44px 28px; }
  .tipe0 a { color: #e6f6f8; text-decoration: none; }
  .tipe0 a:hover { color: var(--ty-sun); }
  .huvajut0 { text-align: center; padding-block-end: 34px; border-block-end: 1px solid rgba(255, 255, 255, .16); }
  .napuke5 { inline-size: 40px; block-size: 40px; color: var(--ty-white); margin-inline: auto; }
  .cuweme5 { font-family: var(--ty-head); font-weight: 700; font-size: 1.2rem; color: var(--ty-white); margin-block: 10px 4px; }
  .cuweme5 a { color: var(--ty-sun); }
  .hasi6 { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: 32px; padding-block: 34px; }
  .busowab2 { font-size: 1rem; color: var(--ty-white); margin-block-end: 14px; }
  .tipe0 ul { list-style: none; display: grid; gap: 8px; font-size: .92rem; }
  .tipe0 address { font-style: normal; font-size: .92rem; line-height: 1.7; }
  .fimahix4 { font-size: .85rem; opacity: .8; margin-block-start: 14px; }
  .hiro0 { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-block-start: 1px solid rgba(255, 255, 255, .16); padding-block-start: 22px; font-size: .85rem; }
  .hiro0 img { inline-size: 92px; }

  /* карточки */
  .webak7 { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 22px; padding-block: 8px 48px; }
  .rowamit5 { display: flex; flex-direction: column; border: 1px solid var(--ty-line); border-radius: var(--ty-r); padding: 16px; background: var(--ty-white); }
  .citi6 { background: var(--ty-mist); border-radius: var(--ty-r-sm); overflow: hidden; }
  .citi6 img { aspect-ratio: 1; object-fit: contain; inline-size: 100%; }
  .qelin4 { font-family: var(--ty-head); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ty-teal); margin-block-start: 14px; }
  .pivu1 { font-size: 1.05rem; margin-block: 4px 6px; }
  .pivu1 a { color: var(--ty-ink); text-decoration: none; }
  .gire7 { font-size: .9rem; color: var(--ty-mute); margin-block-end: 10px; }
  .jutaru4 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-block: auto 12px; }
  .sufo9 { font-family: var(--ty-head); font-size: 1.3rem; font-weight: 800; }
  .kotiwag6 { font-size: .82rem; color: var(--ty-mute); }
  .kotiwag6 b { color: #e3a008; font-weight: 400; }

  .hibo1 { padding-block: 14px 0; font-size: .85rem; }
  .hibo1 ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 8px; color: var(--ty-mute); }
  .hibo1 li + li::before { content: "/"; margin-inline-end: 8px; color: var(--ty-line); }
  .hibo1 a { color: var(--ty-mute); }

  .rofohif2 { display: none; }

  /* видео + до/после */
  .voluriz2 { background: var(--ty-mist); padding-block: 56px; }
  .kimo6 { color: var(--ty-mute); margin-block: 8px 24px; max-inline-size: 760px; }
  .mejoqoz9 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px; align-items: start; }
  .tocimu4 video { inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; background: var(--ty-ink); border-radius: var(--ty-r); display: block; }
  .tocimu4 figcaption, .hohuf4 figcaption { font-size: .85rem; color: var(--ty-mute); margin-block-start: 8px; }
  .sojogo4 { display: grid; gap: 18px; }
  .gajo4 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .qeket8 { position: relative; border-radius: var(--ty-r-sm); overflow: hidden; }
  .qeket8 img { aspect-ratio: 4 / 3; object-fit: cover; inline-size: 100%; }
  .qeket8 span { position: absolute; inset-inline-start: 8px; inset-block-end: 8px; background: var(--ty-white); color: var(--ty-ink); font-family: var(--ty-head); font-weight: 700; font-size: .75rem; padding: 4px 10px; border-radius: 999px; }
  .qeket8 + .qeket8 span { background: var(--ty-teal); color: var(--ty-white); }
  .gola9 figcaption { font-size: .88rem; margin-block-start: 6px; color: #34474b; }
  .hohuf4 { margin-block-start: 28px; }
  .hohuf4 img { inline-size: 100%; border-radius: var(--ty-r); }

  /* мини-сравнение комплектов на PDP */
  .tubaw8 { margin-block-end: 6px; }
  .zawe8 { font-size: .86rem; margin-block: 0 8px; }
  .zawe8 th, .zawe8 td { padding: 7px 8px; }
  .vutusar1 th, .vutusar1 td { background: var(--ty-sun-soft); }

  /* CTA в конце гайда */
  .fomep9 { display: grid; grid-template-columns: 180px 1fr; gap: 22px; align-items: center; background: var(--ty-sand); border-radius: var(--ty-r); padding: 22px; margin-block: 34px 10px; }
  .fomep9 img { background: var(--ty-white); border-radius: var(--ty-r-sm); }
  .refituq0 { font-family: var(--ty-head); font-weight: 700; font-size: 1.15rem; margin-block-end: 4px !important; }
  .refituq0 a { color: var(--ty-ink); text-decoration: none; }
  .camiko0 { font-family: var(--ty-head); font-weight: 800; font-size: 1.3rem; color: var(--ty-ink) !important; margin-block: 4px 10px !important; }
}

@layer pages {
  .lorixer5 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding-block: 26px 36px; }
  .tewimi5 p:not(.zugeqeg8) { margin-block-start: 12px; color: #34474b; }
  .lovu5 img { border-radius: var(--ty-r); aspect-ratio: 2 / 1; object-fit: cover; inline-size: 100%; }
  .hacitiv5 { padding-block: 36px 8px; }
  .hacitiv5 h2 { margin-block-end: 18px; }

  .roquko3 h1 { margin-block: 4px 8px; }
  .pulamoq1 { font-size: .85rem; color: var(--ty-mute); margin-block-end: 18px; }
  .lurid8 img { inline-size: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
  .fodon8 { font-size: 1.08rem; margin-block: 20px; }
  .roquko3 h2 { margin-block: 34px 12px; font-size: clamp(1.35rem, 2.2vw, 1.7rem); scroll-margin-block-start: 100px; }
  .roquko3 p { margin-block-end: 12px; color: #2f4246; }
  .roquko3 .coququh1 { padding-inline-start: 22px; display: grid; gap: 6px; margin-block-end: 14px; }
  .netilib3 { max-inline-size: 360px; margin-block: 4px 10px; }
  .gazexak5 { padding-block: 24px 64px; }
  .gazexak5 h1 { margin-block-end: 10px; }
  .hipej4.roquko3 { padding-block: 22px 60px; }
  .guhowo9 { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 46px; padding-block: 24px 40px; max-inline-size: 1080px; }
  .sebuzax1 { position: sticky; inset-block-start: 100px; align-self: start; background: #f3f4f4; padding: 16px; font-size: .86rem; }
  .sebuzax1 p { font-family: var(--ty-head); font-weight: 700; margin-block-end: 8px; }
  .sebuzax1 ol { padding-inline-start: 18px; display: grid; gap: 6px; }
  .sebuzax1 a { color: var(--ty-ink); text-decoration: none; }
  .tetiqa8 { display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: center; border: 1px solid var(--ty-line); border-inline-start: 4px solid var(--ty-sun); padding: 16px; margin-block: 22px; }
  .tetiqa8 img { background: var(--ty-mist); }
  .mezece3 { font-family: var(--ty-head); font-weight: 700; margin-block-end: 2px !important; }
  .tetiqa8 p { font-size: .9rem; margin-block-end: 8px; }
  .keboj6 { max-inline-size: 300px; }

  .runin5 { inline-size: 100%; font-size: .92rem; margin-block: 8px 20px; }
  .runin5 th, .runin5 td { border: 1px solid var(--ty-line); padding: 10px; text-align: start; }
  .runin5 thead th { background: var(--ty-teal); color: var(--ty-white); font-family: var(--ty-head); font-weight: 600; }
  .runin5 tbody th { font-family: var(--ty-head); }

  .tiwa2 { text-align: center; padding-block: 80px; }
  .tiwa2 p { margin-block: 12px 22px; color: var(--ty-mute); }
  .topu2 { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
}

@media (max-width: 1080px) {
  .papu2 ul { gap: 18px; }
  .jefaqix0 { inline-size: 200px; }
  .hasi6 { grid-template-columns: 1fr 1fr; }
  .cemo1 { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .kikawo9 { flex-wrap: wrap; gap: 12px; min-block-size: 64px; padding-block: 8px; }
  .puri1 img { inline-size: 92px; }
  .zojawif3 { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: 10px; margin-inline-start: auto; order: 3; }
  .zojawif3 span { inline-size: 24px; block-size: 2.5px; background: var(--ty-ink); border-radius: 2px; }
  .jefaqix0 { order: 2; inline-size: 180px; margin-inline-start: auto; }
  .papu2 { order: 4; flex-basis: 100%; display: none; }
  .gudi7:checked ~ .papu2 { display: block; }
  .papu2 ul { flex-direction: column; gap: 0; padding-block: 6px 12px; }
  .papu2 a { display: block; padding-block: 10px; border-block-end: 1px solid var(--ty-line); }
  .kulege1, .dipajan1, .lorixer5 { grid-template-columns: 1fr; gap: 26px; }
  .rani9, .xogu2 { grid-template-columns: 1fr; }
  .xogu2 .mavib0 { order: 0; }
  .kazuv8, .zerora4, .tuqe5 { grid-template-columns: 1fr; }
  .delubus2 ul { grid-template-columns: 1fr 1fr; }
  .guhowo9 { grid-template-columns: 1fr; gap: 16px; }
  .mejoqoz9 { grid-template-columns: 1fr; }
  .sebuzax1 { position: static; }
  .runin5 thead { display: none; }
  .runin5, .runin5 tbody, .runin5 tr, .runin5 th, .runin5 td { display: block; inline-size: 100%; }
  .runin5 tr { border: 1px solid var(--ty-line); margin-block-end: 12px; }
  .runin5 th, .runin5 td { border: 0; border-block-end: 1px solid var(--ty-line); }
  .runin5 td::before { content: attr(data-h) ": "; font-weight: 600; color: var(--ty-mute); }
  .rofohif2 { display: flex; position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 40; background: var(--ty-white); border-block-start: 1px solid var(--ty-line); padding: 8px 16px; gap: 14px; align-items: center; box-shadow: 0 -6px 20px rgba(8, 63, 72, .1); }
  .keduqok0 { font-family: var(--ty-head); font-weight: 800; font-size: 1.2rem; }
  .xavok2 { flex: 1; max-inline-size: 300px; margin-inline-start: auto; }
  .tipe0 { padding-block-end: 90px; }
}

@media (max-width: 560px) {
  body { font-size: 16px; }
  .necopuc5 { font-size: .74rem; }
  .jefaqix0 { inline-size: 165px; }
  .pajico2 { grid-template-columns: 1fr; }
  .fasunu1 { grid-template-columns: 1fr 1fr 1fr; gap: 8px; font-size: .75rem; }
  .bojag1, .sowapo4, .desef8, .hasi6 { grid-template-columns: 1fr; }
  .tetiqa8, .fomep9 { grid-template-columns: 1fr; }
  .fomep9 img { max-inline-size: 160px; }
  .tetiqa8 img { max-inline-size: 140px; }
  .hiro0 { flex-direction: column; text-align: center; }
  .penigu8 img { aspect-ratio: 3 / 1; }
}