/* Parent's Choice — стили. Палитра от знака-сердца (#75256c) и упаковок (мятный cucumber, лаванда Dry & Gentle,
   розовый Fresh Scent). Тип и подача — healthybaby.com (лидер): геометрический гротеск, плоские блоки. */
@layer base, layout, blocks, pages;

@layer base {
  :root {
    --plum: #75256c; --plum-deep: #4a1244; --ink: #2d0b29; --text: #3b313a; --mute: #6d616c;
    --lav: #f4eef5; --lav-2: #ebe1ec; --mint: #e3f2ea; --mint-ink: #23704b; --rose: #fbeaf0; --line: #e4dbe4;
    --star: #2f9e63; --paper: #ffffff;
    --head: "Gabarito", "Trebuchet MS", sans-serif; --body: "Instrument Sans", "Segoe UI", sans-serif;
    --gut: 40px; --max: 1280px;
  }
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; }
  body { margin: 0; background: var(--paper); color: var(--text); font: 400 17px/1.6 var(--body); overflow-x: hidden; }
  img { max-inline-size: 100%; block-size: auto; display: block; }
  a { color: var(--plum); }
  h1, h2, h3 { font-family: var(--head); color: var(--ink); line-height: 1.15; margin: 0 0 .5em; font-weight: 700; }
  h1 { font-size: clamp(32px, 4.4vw, 54px); letter-spacing: -.01em; }
  h2 { font-size: clamp(26px, 3vw, 40px); letter-spacing: -.005em; }
  h3 { font-size: 21px; }
  p { margin: 0 0 1em; }
  button { font: inherit; }
  .pk-skip { position: absolute; inset-inline-start: -999px; }
  .pk-skip:focus { inset-inline-start: 12px; inset-block-start: 12px; background: #fff; padding: 8px 12px; z-index: 9; }
  address { font-style: normal; }
}

@layer layout {
  .pk-wrap { max-inline-size: var(--max); margin-inline: auto; padding-inline: var(--gut); }
  .pk-wrap--narrow { max-inline-size: 900px; }
  .pk-wrap--read { max-inline-size: 860px; }
  main > section { padding-block: 72px; }

  .pk-top { background: var(--plum); color: #fff; text-align: center; font: 600 14px/1.4 var(--body); padding: 9px 16px; }
  .pk-top p { margin: 0; }

  .pk-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
    padding: 14px var(--gut); max-inline-size: 1440px; margin-inline: auto; }
  .pk-nav { display: flex; gap: 34px; }
  .pk-nav a { font: 700 16px/1 var(--head); color: var(--ink); text-decoration: none; padding-block: 8px; }
  .pk-nav a:hover, .pk-nav a[aria-current] { color: var(--plum); box-shadow: inset 0 -2px 0 var(--plum); }
  .pk-mark img { inline-size: 74px; }
  .pk-headbuy { justify-self: end; }
  .pk-menu, .pk-burger { display: none; }

  .pk-buy { display: block; inline-size: 100%; border: 0; padding: 0; background: none; cursor: pointer; }
  .pk-buy img { inline-size: 100%; }
  .pk-buy:hover img { filter: brightness(1.08); }
  .pk-buy:focus-visible { outline: 3px solid var(--mint-ink); outline-offset: 3px; border-radius: 40px; }
  .pk-buy--head { inline-size: 220px; }

  .pk-pill { display: inline-block; background: #fff; color: var(--ink); font: 700 16px/1 var(--head); text-decoration: none;
    padding: 15px 34px; border-radius: 40px; border: 2px solid #fff; }
  .pk-pill--dark { background: var(--plum-deep); border-color: var(--plum-deep); color: #fff; }
  .pk-pill--line { background: transparent; border-color: var(--plum-deep); color: var(--plum-deep); }
  .pk-pill--white { background: #fff; border-color: #fff; color: var(--plum-deep); }
  .pk-pill:hover { filter: brightness(.96); }

  .pk-trail { font-size: 14px; color: var(--mute); display: flex; flex-wrap: wrap; gap: 8px; margin-block: 22px 18px; }
  .pk-trail a { color: var(--mute); }
}

@layer blocks {
  /* хиро */
  .pk-hero { position: relative; padding: 0 !important; color: #fff; isolation: isolate; }
  .pk-hero picture img { inline-size: 100%; block-size: 600px; object-fit: cover; object-position: 50% 30%; }
  .pk-hero::after { content: ""; position: absolute; inset: 0; background: rgba(45, 11, 41, .34); z-index: 0; }
  .pk-hero__copy { position: absolute; inset-inline: 0; inset-block-end: 70px; z-index: 1; text-align: center; padding-inline: 24px; }
  .pk-hero__copy h1 { color: #fff; max-inline-size: 980px; margin-inline: auto; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
  .pk-hero__copy p { font-size: 19px; max-inline-size: 640px; margin: 0 auto 26px; }
  .pk-hero__note { position: absolute; z-index: 1; inset-inline-end: 16px; inset-block-end: 22px; display: flex; gap: 12px; align-items: center;
    background: #fff; color: var(--ink); text-decoration: none; border-radius: 4px; padding: 0; overflow: hidden; inline-size: 330px; }
  .pk-hero__note img { inline-size: 92px; block-size: 92px; object-fit: cover; }
  .pk-hero__note strong { display: block; font: 700 17px/1.2 var(--head); }
  .pk-hero__note em { font-style: normal; color: var(--plum); font-weight: 600; font-size: 15px; text-decoration: underline; }

  .pk-strip { background: var(--plum-deep); color: #fff; }
  .pk-strip ul { list-style: none; margin: 0 auto; padding: 22px var(--gut); max-inline-size: 1440px; display: flex; flex-wrap: wrap;
    justify-content: space-around; gap: 10px 30px; font: 600 17px/1.3 var(--body); }
  .pk-strip li { display: flex; align-items: center; gap: 30px; }
  .pk-strip li + li::before { content: "\2733"; color: #8fd6b0; font-size: 20px; }

  /* полка с вкладками */
  .pk-shelf h2 { max-inline-size: 640px; font-size: clamp(30px, 3.4vw, 44px); color: var(--plum-deep); }
  .pk-tabs { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 46px; margin-block-start: 28px; }
  .pk-tabs > input { position: absolute; opacity: 0; pointer-events: none; }
  .pk-tabs > label { font: 700 clamp(22px, 2.3vw, 30px)/1.3 var(--head); color: var(--ink); cursor: pointer; padding-block-end: 2px; }
  .pk-tabs > input:checked + label { color: var(--plum); text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 3px; }
  .pk-tabs > input:focus-visible + label { outline: 2px solid var(--plum); outline-offset: 4px; }
  .pk-pane { display: none; inline-size: 100%; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-block-start: 28px; }
  #pk-tab-wipes:checked ~ .pk-pane--wipes, #pk-tab-diapers:checked ~ .pk-pane--diapers, #pk-tab-nursery:checked ~ .pk-pane--nursery { display: grid; }
  .pk-all { grid-column: 1 / -1; justify-self: end; font: 700 16px/1 var(--head); color: var(--plum-deep); }

  .pk-tile { background: var(--lav); border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; }
  .pk-tile__pic { background: #fff; aspect-ratio: 1 / 1; display: block; padding: 18px; overflow: hidden; }
  .pk-tile__pic img { inline-size: 100%; block-size: 100%; object-fit: contain; min-block-size: 0; }
  .pk-tile__body { padding: 16px 18px 6px; flex: 1; }
  .pk-tile__rate { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font: 600 14px/1 var(--body); color: var(--star); }
  .pk-tile__name { font-size: 19px; margin-block-end: 8px; }
  .pk-tile__name a { color: var(--plum-deep); text-decoration: none; }
  .pk-tile__name a:hover { text-decoration: underline; }
  .pk-tile__short { font-size: 15px; color: var(--mute); line-height: 1.45; margin-block-end: 10px; }
  .pk-tile__price { font: 700 18px/1 var(--head); color: var(--ink); margin: 0; }
  .pk-tile .pk-buy { padding: 12px 14px 16px; }

  .pk-stars { display: inline-flex; gap: 2px; }
  .pk-stars i { inline-size: 15px; block-size: 15px; background: #cfd8d2; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
  .pk-stars i.on { background: var(--star); }
  .pk-stars i.half { background: linear-gradient(90deg, var(--star) 50%, #cfd8d2 50%); }

  /* полоса одного продукта */
  .pk-band { background: var(--mint); }
  .pk-band__in { display: grid; grid-template-columns: 1.05fr .9fr 1fr; gap: 40px; align-items: center; }
  .pk-band__text h2 { color: var(--mint-ink); font-size: clamp(30px, 3.4vw, 46px); }
  .pk-band__pic { background: #fff; border-radius: 12px; padding: 20px; }
  .pk-band__never h3 { font-size: 20px; color: var(--ink); }
  .pk-band__never ul { list-style: none; padding: 0; margin: 0 0 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
  .pk-band__never li { display: flex; gap: 10px; align-items: center; font: 700 18px/1.2 var(--head); color: var(--ink); }
  .pk-band__never li::before { content: "\2715"; color: #d4337a; font-weight: 800; font-size: 20px; }
  .pk-band__go { display: flex; flex-wrap: wrap; gap: 12px; }

  /* пара больших карточек */
  .pk-pair { background: var(--lav-2); }
  .pk-pair__in { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
  .pk-pair article { background: #fff; border-radius: 18px; padding: 40px 36px; text-align: center; display: flex; flex-direction: column; align-items: center; }
  .pk-pair h2 { color: var(--plum-deep); font-size: clamp(30px, 3.4vw, 46px); }
  .pk-pair p { max-inline-size: 420px; }
  .pk-pair img { max-block-size: 340px; inline-size: auto; margin-block: 16px 28px; }
  .pk-pair .pk-pill { margin-block-start: auto; }

  /* что такое Parent's Choice */
  .pk-about__in { display: grid; grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center; }
  .pk-about img { border-radius: 14px; }
  .pk-chips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-block-start: 24px; }
  .pk-chip { border-radius: 10px; padding: 16px; text-decoration: none; }
  .pk-chip strong { display: block; font: 700 20px/1.2 var(--head); color: var(--ink); }
  .pk-chip span { font-size: 14px; color: var(--mute); }
  .pk-chip--wipes { background: var(--mint); } .pk-chip--diapers { background: var(--lav-2); } .pk-chip--nursery { background: var(--rose); }

  /* редакционный список */
  .pk-list { border-block: 1px solid var(--line); }
  .pk-list__intro { font-size: 18px; }
  .pk-list ol { list-style: none; counter-reset: pk; padding: 0; margin: 34px 0 0; }
  .pk-list li { counter-increment: pk; padding-block: 26px; border-block-start: 1px solid var(--line); }
  .pk-list h3 { font-size: 26px; }
  .pk-list h3::before { content: counter(pk) ". "; color: var(--plum); }
  .pk-list h3 a { color: var(--ink); text-decoration: none; }
  .pk-list__row { display: grid; grid-template-columns: 190px 1fr; gap: 26px; align-items: start; }
  .pk-list__row > img { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 10px; }
  .pk-list__price { font-weight: 600; color: var(--ink); }
  .pk-list .pk-buy { max-inline-size: 330px; }

  /* таблица сравнения */
  .pk-compare h2, .pk-sizer h2 { text-align: center; }
  .pk-compare > .pk-wrap > p, .pk-sizer > .pk-wrap > p { text-align: center; color: var(--mute); }
  .pk-cmp { inline-size: 100%; max-inline-size: 1000px; margin: 30px auto 0; border-collapse: collapse; font-size: 16px; }
  .pk-cmp th, .pk-cmp td { padding: 18px 12px; border-block-end: 1px solid var(--line); text-align: center; }
  .pk-cmp thead th { font: 600 18px/1.2 var(--head); }
  .pk-cmp thead th a { color: var(--ink); text-decoration: none; }
  .pk-cmp thead th:nth-child(2), .pk-cmp tbody td:nth-of-type(1) { background: var(--lav); }
  .pk-cmp tbody th { text-align: start; font: 700 17px/1.3 var(--head); color: var(--ink); }
  .pk-yes { color: var(--plum); font-size: 24px; } .pk-no { color: #b9aeb8; font-size: 22px; } .pk-dash { color: #b9aeb8; }

  /* размеры */
  .pk-sizes { list-style: none; padding: 0; margin: 30px auto; max-inline-size: 1000px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
  .pk-sizes li { border: 1.5px solid var(--line); border-radius: 10px; padding: 16px; text-align: center; color: var(--mute); }
  .pk-sizes strong { display: block; font: 700 19px/1.2 var(--head); color: var(--mute); }
  .pk-sizes span { display: block; font-size: 15px; }
  .pk-sizes em { display: block; font-style: normal; font-size: 13px; margin-block-start: 6px; }
  .pk-sizes li.on { border-color: var(--plum); background: var(--lav); color: var(--text); }
  .pk-sizes li.on strong { color: var(--plum-deep); }
  .pk-sizes li.on em a { font-weight: 700; margin-inline: 4px; }
  .pk-sizer .pk-pill { display: table; margin-inline: auto; }

  /* почему */
  .pk-why { background: var(--lav); }
  .pk-why h2 { max-inline-size: 700px; }
  .pk-why ul { list-style: none; padding: 0; margin: 30px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .pk-why li { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 24px; }
  .pk-why svg { inline-size: 42px; block-size: 42px; padding: 9px; border-radius: 50%; background: var(--lav-2); fill: none; stroke: var(--plum); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; margin-block-end: 14px; }
  .pk-why h3 { font-size: 20px; }
  .pk-why p { font-size: 15.5px; color: var(--mute); margin: 0; }

  /* отзывы / оценки */
  .pk-say ul { list-style: none; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .pk-say li { border: 1px solid var(--line); border-radius: 12px; padding: 24px; }
  .pk-say h3 { font-size: 19px; margin-block-start: 12px; }
  .pk-say h3 a { color: var(--plum-deep); text-decoration: none; }
  .pk-say footer { font-size: 14px; color: var(--mute); }
  .pk-say__num { color: var(--mute); margin: 0; }
  .pk-say__num strong { font: 800 26px/1 var(--head); color: var(--ink); margin-inline-end: 4px; }

  /* разбор (SEO) — нумерованные круги */
  .pk-read ol { list-style: none; counter-reset: rd; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px 48px; }
  .pk-read li { counter-increment: rd; position: relative; padding-inline-start: 56px; }
  .pk-read li::before { content: counter(rd); position: absolute; inset-inline-start: 0; inset-block-start: -2px; inline-size: 38px; block-size: 38px; border-radius: 50%;
    background: var(--plum-deep); color: #fff; font: 700 17px/38px var(--head); text-align: center; }
  .pk-read h3 { font-size: 21px; }
  .pk-read p { color: var(--text); }

  /* FAQ */
  .pk-faq h2 { text-align: center; }
  .pk-faq details, .pk-svc details { border: 1px solid var(--line); border-radius: 10px; margin-block-end: 12px; background: #fff; }
  .pk-faq summary, .pk-svc summary { cursor: pointer; list-style: none; padding: 18px 54px 18px 22px; font: 600 18px/1.35 var(--head); color: var(--ink); position: relative; }
  .pk-faq summary::-webkit-details-marker, .pk-svc summary::-webkit-details-marker { display: none; }
  .pk-faq summary::after, .pk-svc summary::after { content: "+"; position: absolute; inset-inline-end: 22px; inset-block-start: 14px; font-size: 26px; color: var(--plum); }
  .pk-faq details[open] summary::after, .pk-svc details[open] summary::after { content: "\2212"; }
  .pk-faq details p, .pk-svc details p { padding: 0 22px 18px; margin: 0; }

  /* предфутерная полоса */
  .pk-cta { background: var(--rose); }
  .pk-cta__in { display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: center; }
  .pk-cta h2 { margin: 0; font-weight: 600; }
  .pk-cta p { margin: 0; font-size: 18px; }

  /* футер */
  .pk-foot { border-block-start: 1px solid var(--plum-deep); background: #fcfafc; color: var(--ink); margin-block-start: 0; }
  .pk-foot__in { max-inline-size: var(--max); margin: 0 auto; padding: 56px var(--gut) 40px; display: grid; grid-template-columns: 180px 1fr 320px; gap: 48px; }
  .pk-foot__mark img { inline-size: 150px; }
  .pk-foot__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .pk-foot__h { font: 700 18px/1.2 var(--head); margin: 0 0 14px; color: var(--plum-deep); } .pk-foot h2 { font-size: 18px; margin-block-end: 14px; color: var(--plum-deep); }
  .pk-foot ul { list-style: none; padding: 0; margin: 0; }
  .pk-foot__cols li { margin-block-end: 9px; }
  .pk-foot__cols a { color: var(--ink); text-decoration: none; }
  .pk-foot__cols a:hover { text-decoration: underline; }
  .pk-foot__desk p:not(.pk-foot__h) { font-size: 15px; color: var(--mute); }
  .pk-foot__desk address { font-size: 15px; line-height: 1.6; }
  .pk-badges { max-inline-size: var(--max); margin: 0 auto !important; padding: 26px var(--gut) !important; border-block: 1px solid var(--line);
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; }
  .pk-badges li { display: flex; align-items: center; gap: 10px; font: 600 14px/1.25 var(--head); color: var(--plum-deep); max-inline-size: 180px; }
  .pk-badges svg { inline-size: 46px; block-size: 46px; flex: none; fill: none; stroke: var(--plum-deep); stroke-width: 1.3; }
  .pk-foot__base { max-inline-size: var(--max); margin: 0 auto; padding: 18px var(--gut) 26px; display: flex; flex-wrap: wrap; gap: 10px 34px; font-size: 14px; color: var(--mute); }
  .pk-foot__base a { color: var(--ink); }
}

@layer pages {
  .pk-lanehead { padding-block: 10px 30px !important; background: var(--lav); }
  .pk-lanehead h1 { color: var(--plum-deep); }
  .pk-lanehead p { max-inline-size: 860px; font-size: 18px; }
  .pk-grid__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .pk-grid__h { font-size: 24px; margin-block-end: 22px; }
  .pk-guide { border-block-start: 1px solid var(--line); }
  .pk-guide__in { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
  .pk-guide h2 { font-size: 24px; color: var(--plum-deep); }
  .pk-guide p { margin: 0; }
  .pk-grid--more { background: var(--lav); }
  .pk-grid--more h2 { margin-block-end: 24px; }

  .pk-card { padding-block: 10px 60px !important; }
  .pk-card__in { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: start; }
  .pk-gal { display: grid; grid-template-columns: 76px 1fr; gap: 18px; }
  .pk-gal--one { grid-template-columns: 1fr; } .pk-gal--one .pk-gal__stage { grid-column: 1; } .pk-gal--one .pk-gal__thumbs { display: none; }
  .pk-gal > input { position: absolute; opacity: 0; pointer-events: none; }
  .pk-gal__thumbs { display: flex; flex-direction: column; gap: 10px; }
  .pk-gal__thumbs label { border: 1.5px solid var(--line); border-radius: 8px; cursor: pointer; padding: 2px; background: #fff; }
  .pk-gal__stage { grid-column: 2; border: 1px solid var(--line); border-radius: 14px; background: #fff; padding: 24px; display: grid; place-items: center; min-block-size: 420px; }
  .pk-gal__big { display: none; max-block-size: 560px; inline-size: auto; }
  .pk-gal__big--0 { display: block; }
  #pk-g1:checked ~ .pk-gal__stage .pk-gal__big--0, #pk-g2:checked ~ .pk-gal__stage .pk-gal__big--0, #pk-g3:checked ~ .pk-gal__stage .pk-gal__big--0 { display: none; }
  #pk-g1:checked ~ .pk-gal__stage .pk-gal__big--1, #pk-g2:checked ~ .pk-gal__stage .pk-gal__big--2, #pk-g3:checked ~ .pk-gal__stage .pk-gal__big--3 { display: block; }
  #pk-g0:checked ~ .pk-gal__thumbs label[for="pk-g0"], #pk-g1:checked ~ .pk-gal__thumbs label[for="pk-g1"],
  #pk-g2:checked ~ .pk-gal__thumbs label[for="pk-g2"], #pk-g3:checked ~ .pk-gal__thumbs label[for="pk-g3"] { border-color: var(--plum); }
  .pk-card h1 { font-size: clamp(28px, 3.2vw, 42px); color: var(--plum-deep); }
  .pk-card__lede { font-size: 17.5px; }
  .pk-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; border-block-start: 1px solid var(--line); padding-block-start: 18px; }
  .pk-card__price strong { font: 800 32px/1 var(--head); color: var(--ink); }
  .pk-card__price span { font-size: 14px; color: var(--mute); }
  .pk-buy--card { max-inline-size: 480px; margin-block: 8px 26px; }
  .pk-card__icons { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; text-align: center; }
  .pk-card__icons svg { inline-size: 40px; block-size: 40px; margin: 0 auto 8px; fill: none; stroke: var(--plum); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .pk-card__icons span { font: 600 14.5px/1.3 var(--head); color: var(--ink); display: block; }
  .pk-inpack { padding-block: 40px 60px !important; }
  .pk-inpack ul { padding-inline-start: 20px; }
  .pk-inpack li { margin-block-end: 8px; }
  .pk-inpack p { font-size: 14px; color: var(--mute); }

  .pk-svc { padding-block: 0 70px !important; }
  .pk-svc h1 { color: var(--plum-deep); }
  .pk-svc h2 { font-size: 26px; margin-block-start: 1.4em; }
  .pk-svc__lead { font-size: 20px; color: var(--ink); }
  .pk-svc__note { background: var(--lav); border-inline-start: 4px solid var(--plum); padding: 16px 20px; margin-block-start: 26px; }
  .pk-svc__dl dt { font: 700 19px/1.3 var(--head); color: var(--ink); margin-block-start: 18px; }
  .pk-svc__dl dd { margin: 6px 0 0; }
  .pk-svc__steps { list-style: none; counter-reset: st; padding: 0; }
  .pk-svc__steps li { counter-increment: st; border-inline-start: 3px solid var(--lav-2); padding: 4px 0 4px 22px; margin-block-end: 18px; }
  .pk-svc__steps h3::before { content: counter(st) " \2014  "; color: var(--plum); }
  .pk-svc__contact { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; background: var(--lav); border-radius: 12px; padding: 26px; }
  .pk-svc__contact h2 { margin-block-start: 0; font-size: 21px; }
  .pk-svc__small { font-size: 14px; color: var(--mute); margin: 8px 0 0; }
}

@media (max-width: 1060px) {
  .pk-pane, .pk-grid__in { grid-template-columns: repeat(3, 1fr); }
  .pk-band__in { grid-template-columns: 1fr 1fr; }
  .pk-band__pic { grid-row: span 2; }
  .pk-foot__in { grid-template-columns: 1fr 1fr; }
  .pk-foot__mark { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  :root { --gut: 16px; }
  main > section { padding-block: 52px; }
  .pk-head { grid-template-columns: auto 1fr auto; padding: 10px 16px; gap: 10px; }
  .pk-burger { display: block; inline-size: 36px; block-size: 36px; position: relative; cursor: pointer; grid-column: 1; grid-row: 1; }
  .pk-burger span, .pk-burger span::before, .pk-burger span::after { content: ""; position: absolute; inset-inline: 6px; block-size: 2.5px; background: var(--ink); border-radius: 2px; }
  .pk-burger span { inset-block-start: 17px; } .pk-burger span::before { inset-inline: 0; inset-block-start: -8px; } .pk-burger span::after { inset-inline: 0; inset-block-start: 8px; }
  .pk-menu { display: block; position: absolute; opacity: 0; inline-size: 36px; block-size: 36px; margin: 0; z-index: 2; cursor: pointer; grid-column: 1; grid-row: 1; }
  .pk-mark { grid-column: 2; grid-row: 1; justify-self: center; }
  .pk-mark img { inline-size: 56px; }
  .pk-headbuy { grid-column: 3; grid-row: 1; }
  .pk-buy--head { inline-size: 168px; }
  .pk-nav { display: none; grid-column: 1 / -1; grid-row: 2; flex-direction: column; gap: 0; border-block-start: 1px solid var(--line); }
  .pk-nav a { padding: 14px 4px; border-block-end: 1px solid var(--line); }
  .pk-menu:checked ~ .pk-nav { display: flex; }
  .pk-hero picture img { block-size: 520px; object-position: 50% 20%; }
  .pk-hero__copy { inset-block-end: 40px; }
  .pk-hero__copy p { font-size: 17px; }
  .pk-hero__note { display: none; }
  .pk-strip ul { flex-direction: column; align-items: center; gap: 8px; text-align: center; }
  .pk-strip li { gap: 0; } .pk-strip li + li::before { display: none; }
  .pk-tabs { gap: 0 22px; }
  .pk-pane, .pk-grid__in { grid-template-columns: 1fr 1fr; gap: 12px; }
  .pk-tile__body { padding: 12px 12px 4px; } .pk-tile .pk-buy { padding: 10px 10px 12px; }
  .pk-tile__name { font-size: 16px; } .pk-tile__short { display: none; }
  .pk-band__in, .pk-pair__in, .pk-about__in, .pk-guide__in, .pk-card__in, .pk-read ol, .pk-cta__in, .pk-svc__contact { grid-template-columns: 1fr; }
  .pk-band__pic { grid-row: auto; max-inline-size: 320px; }
  .pk-pair article { padding: 30px 20px; }
  .pk-chips { grid-template-columns: 1fr; }
  .pk-list__row { grid-template-columns: 1fr; }
  .pk-list__row > img { max-inline-size: 220px; }
  .pk-cmp thead { display: none; }
  .pk-cmp, .pk-cmp tbody, .pk-cmp tr, .pk-cmp th, .pk-cmp td { display: block; inline-size: 100%; }
  .pk-cmp tr { border: 1px solid var(--line); border-radius: 10px; margin-block-end: 14px; padding: 6px 14px; }
  .pk-cmp tbody th { border: 0; padding: 10px 0 4px; }
  .pk-cmp td { display: flex; justify-content: space-between; align-items: center; text-align: start; padding: 8px 0; background: none !important; }
  .pk-cmp td::before { content: attr(data-col); font-size: 15px; color: var(--text); }
  .pk-cmp tr td:last-child { border-block-end: 0; }
  .pk-sizes { grid-template-columns: 1fr 1fr; }
  .pk-why ul, .pk-say ul { grid-template-columns: 1fr; }
  .pk-gal { grid-template-columns: 1fr; }
  .pk-gal__stage { grid-column: 1; grid-row: 1; min-block-size: 280px; }
  .pk-gal__thumbs { flex-direction: row; flex-wrap: wrap; grid-row: 2; }
  .pk-gal__thumbs label { inline-size: 64px; }
  .pk-card__icons { grid-template-columns: 1fr; text-align: start; }
  .pk-card__icons li { display: flex; gap: 12px; align-items: center; }
  .pk-card__icons svg { margin: 0; flex: none; }
  .pk-foot__in, .pk-foot__cols { grid-template-columns: 1fr; gap: 26px; }
  .pk-badges { justify-content: flex-start; }
  .pk-badges li { max-inline-size: none; inline-size: 100%; }
}