/* Shared FAQ surfaces and disclosure symbol from "Что нужно знать".
   Text typography remains owned by each page's original styles.
   This layer precedes inset-dividers so legacy important rules cannot change it. */
@layer faq-home {
  @media(min-width:1001px) {
    .faq-layout--topics { grid-template-columns:minmax(0,1fr) 280px !important; column-gap:56px !important; }
    .faq-layout--topics > .faq-content { grid-column:1 !important; grid-row:1 !important; }
    .faq-layout--topics > .faq-topic-toolbar { grid-column:2 !important; grid-row:1 !important; }
    .faq-layout--topics > .faq-topic-toolbar::before { content:''; position:absolute; left:-29px; top:0; bottom:0; width:2px; background:linear-gradient(90deg,#28303c14 0 1px,#ffffffdb 1px 2px); }
  }
  @media(min-width:761px) {
    .catalog-home-page .ch-faq-topics { grid-template-columns:minmax(0,1fr) 280px !important; column-gap:56px !important; }
    .catalog-home-page .ch-faq-content { grid-column:1; grid-row:1; }
    .catalog-home-page .ch-faq-topic-nav { grid-column:2; grid-row:1; }
    .catalog-home-page .ch-faq-topic-nav::before { content:''; position:absolute; left:-29px; top:0; bottom:0; width:2px; background:linear-gradient(90deg,#28303c14 0 1px,#ffffffdb 1px 2px); }
  }
  :is(.faq-topic-toolbar,.ch-faq-topic-nav) { position:relative; align-self:stretch !important; align-content:start; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
  :is(.faq-topic-toolbar,.ch-faq-topic-nav) [role="tab"] { min-height:52px; padding:12px 14px !important; border:1px solid transparent !important; border-radius:4px !important; background:transparent !important; color:var(--faq-muted) !important; box-shadow:none !important; }
  :is(.faq-topic-toolbar,.ch-faq-topic-nav) [role="tab"]:is(:hover,:focus-visible) { color:var(--faq-accent) !important; background:color-mix(in srgb,var(--faq-accent) 3%,var(--catalog-faq-surface)) !important; }
  :is(.faq-topic-toolbar,.ch-faq-topic-nav) [role="tab"][aria-selected="true"] { color:var(--faq-ink) !important; background:color-mix(in srgb,var(--faq-accent) 5%,var(--catalog-faq-surface)) !important; border-color:color-mix(in srgb,var(--faq-accent) 9%,transparent) !important; box-shadow:inset 0 1px #ffffffb3 !important; }
  :is(.faq-topic-toolbar,.ch-faq-topic-nav) [role="tab"]:focus-visible { outline:2px solid var(--faq-accent) !important; outline-offset:3px !important; }
  @media(max-width:1000px) { .faq-layout--topics > .faq-topic-toolbar::before { content:none; } }
  @media(max-width:760px) { .catalog-home-page .ch-faq-topic-nav::before { content:none; } }
  :is(.ch-faq-section, .faq-section, .hub-faq, .ov-faq, section:has(.catalog-faq-list)) {
    --faq-ink: #202830;
    --faq-muted: #5d6873;
    --faq-accent: var(--product-brand, var(--catalog-accent, var(--ch-accent, var(--ov-accent, var(--app-accent, var(--page-app-accent, #9b4c31))))));
    background: var(--catalog-faq-surface, #faf9f7) !important;
    color: var(--faq-ink) !important;
    padding-block: 58px !important;
  }
  /* Keep the product FAQ's open section edge; list and question rules remain. */
  :is(.faq-section, .hub-faq, .ov-faq, section:has(.catalog-faq-list)) {
    border-top: 0 !important;
    box-shadow: none !important;
  }
  .faq-topic-panel { grid-template-columns:minmax(0,1fr); }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) > details { min-width:0; overflow-wrap:anywhere; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary > span:not([aria-hidden="true"]) { min-width:0; }
  .faq-section > .container {
    padding-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }
  :is(.ch-faq-section, .faq-section, .hub-faq, .ov-faq, section:has(.catalog-faq-list)) h2 {
    color: var(--faq-ink) !important;
  }
  :is(.ch-faq-section, .faq-section, .hub-faq, .ov-faq, section:has(.catalog-faq-list)) header {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(35,45,40,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) > details {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--faq-ink) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: inset 0 -1px 0 rgba(35,45,40,.08) !important;
  }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) > details > summary {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 70px !important;
    padding: 20px 2px !important;
    margin: 0 !important;
    list-style: none !important;
    color: var(--faq-ink) !important;
    background: transparent !important;
    cursor: pointer;
  }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary::-webkit-details-marker { display: none; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary::marker { content: ''; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary::before { content: none !important; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list) summary::after { content: none !important; display: none !important; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list) summary > [aria-hidden="true"],
  .catalog-faq-list summary::after {
    display: block !important;
    position: static !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: linear-gradient(currentColor, currentColor) center / 14px 2px no-repeat,
      linear-gradient(currentColor, currentColor) center / 2px 14px no-repeat !important;
    box-shadow: none !important;
    color: var(--faq-accent) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
    transition: none !important;
  }
  .catalog-faq-list summary::after { content: '' !important; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list) details[open] summary > [aria-hidden="true"],
  .catalog-faq-list details[open] summary::after { background-size: 14px 2px, 0 0 !important; }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) > details > p {
    max-width: none !important;
    padding: 0 30px 22px 2px !important;
    margin: 0 !important;
    color: var(--faq-muted) !important;
  }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary:focus-visible {
    outline: 3px solid #2369ae !important;
    outline-offset: 4px !important;
  }
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary:is(:hover, :focus-visible),
  :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) summary:is(:hover, :focus-visible) > span:not([aria-hidden="true"]) {
    color: var(--faq-accent) !important;
  }
  @media (max-width: 760px) {
    :is(.ch-faq-section, .faq-section, .hub-faq, .ov-faq, section:has(.catalog-faq-list)) { padding-block: 40px !important; }
  }
  @media (max-width: 440px) {
    :is(.ch-faq-list, .faq-topic-panel, .hub-faq-list, .ov-faq-list, .catalog-faq-list) > details > summary { gap: 20px !important; }
  }
}

/* A single FAQ topic needs no topic navigation. */
body .faq-section .faq-layout.faq-layout--single { display:block !important; grid-template-columns:minmax(0,1fr) !important; }
body .faq-layout--single .faq-content { width:100%; min-width:0; }