/* Approved B home with third-header restoration. Scoped so catalog, gallery and contacts retain refined styles. */
.classic-approval__skip { background: #fff; border-color: #0878b0; border-radius: 3px; color: #005b8a; }
.classic-approved-page .header-review-header__brand img { outline: 0; clip-path: ellipse(50% 50% at 50% 50%); }
.classic-approved-page .header-review-header__masthead { grid-template-columns: 290px minmax(440px, 1fr) minmax(210px, 260px); min-height: 196px; }
.classic-approved-page .header-review-header__contacts { min-width: 0; }
.classic-approved-page .header-review-nav a { min-height: 48px; padding: .25rem .34rem; font-size: 1.06rem; }
.classic-approved-page .header-review-nav img { width: 34px; height: 34px; }

.classic-approval-home { margin: 0; }
.classic-approval-home .home-review-content { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.classic-approval-home .home-review-sidebar { border-radius: 4px; }
.classic-approval-home .home-review-tile:focus-visible { outline: 3px solid #e6a21b; outline-offset: 3px; }

.classic-approval-videos { padding: 0 1rem 1.5rem; background: #fff; }
.classic-approval-videos__inner { width: min(1040px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.classic-approval-videos section { padding: 1rem; background: #f4f9fd; border: 1px solid #c1dfec; border-radius: 4px; }
.classic-approval-videos h2 { margin: 0 0 .6rem; color: #17364a; font: 700 1.1rem/1.22 Arial, Helvetica, sans-serif; text-wrap: balance; }
.classic-approval-videos iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #fff; }
.classic-approval-videos a { display: inline-flex; align-items: center; min-height: 40px; color: #006da3; font: 700 .86rem/1.2 Arial, Helvetica, sans-serif; }

@media (max-width: 1120px) {
  .classic-approved-page .header-review-header__masthead { grid-template-columns: 250px minmax(0, 1fr); min-height: 0; }
}

@media (max-width: 760px) {
  .classic-approved-page .header-review-header__masthead { grid-template-columns: 1fr; min-height: 0; }
  .classic-approved-page .header-review-nav a { min-height: 40px; font-size: .92rem; }
  .classic-approved-page .header-review-nav img { width: 22px; height: 22px; }
  .classic-approval-videos { padding-inline: .65rem; }
  .classic-approval-videos__inner { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .classic-approval-home *, .classic-approval-home *::before, .classic-approval-home *::after,
  .classic-approval-videos *, .classic-approval-videos *::before, .classic-approval-videos *::after { scroll-behavior: auto; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .classic-approval-home .home-review-tile:hover, .classic-approval-home .home-review-tile:active { transform: none; }
}

/* Keep the approved desktop masthead; give the mobile menu its original 4/2/3 rows. */
@media (max-width: 700px) {
  .home-selected-a .home-options-header__masthead {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .3rem;
    padding: .55rem .5rem .65rem;
  }

  .home-selected-a .home-options-header__brand {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    width: min(250px, 72%);
    margin: 0;
  }

  .home-selected-a .home-options-header__contacts {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .1rem .7rem;
    min-width: 0;
    text-align: center;
  }

  .home-selected-a .home-options-header__contacts > a,
  .home-selected-a .home-options-header__social a {
    min-height: 40px;
    font-size: clamp(.7rem, 2.8vw, .875rem);
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .home-selected-a .home-options-header__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: .1rem .65rem;
    margin: 0;
  }

  .home-selected-a .home-options-nav {
    grid-column: 1;
    grid-row: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: 100%;
    order: initial;
  }

  .home-selected-a .home-options-nav__row {
    display: grid;
    align-items: stretch;
    justify-content: stretch;
    gap: .15rem;
    min-height: 0;
  }

  .home-selected-a .home-options-nav__row + .home-options-nav__row {
    border-top: 1px solid #b7d9e8;
  }

  .home-selected-a .home-options-nav__row:nth-child(1) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-selected-a .home-options-nav__row:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-selected-a .home-options-nav__row:nth-child(3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-selected-a .home-options-nav a,
  .home-selected-a .home-options-nav__row:last-child a:last-child {
    grid-column: auto;
    width: 100%;
    min-height: 44px;
    padding: .28rem .12rem;
    flex: none;
    gap: .18rem;
    font-size: clamp(.75rem, 2.9vw, .88rem);
    line-height: 1.12;
    white-space: normal;
    text-align: left;
  }

  .home-selected-a .home-options-nav a span {
    text-wrap: balance;
  }

  .home-selected-a .home-options-nav img {
    width: clamp(16px, 4.4vw, 24px);
    height: clamp(16px, 4.4vw, 24px);
  }

  .home-selected-a .home-options-nav a::before {
    display: none;
  }
}

@media (max-width: 350px) {
  .home-selected-a .home-options-nav a,
  .home-selected-a .home-options-nav__row:last-child a:last-child {
    min-height: 58px;
    flex-direction: column;
    gap: .08rem;
    font-size: .72rem;
    text-align: center;
  }
}

/* Единый вид select на публичных страницах. */
.refined-page select,select.refined-field,select.input{appearance:none;-webkit-appearance:none;min-height:44px;padding-right:36px;border:1px solid #9eb9cf;border-radius:5px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23144f86' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px;color:var(--refined-ink,#1b3554);font:inherit;text-overflow:ellipsis;cursor:pointer;max-width:100%}
.refined-page select:hover{border-color:#5f8fb5}
.refined-page select:disabled{opacity:.6;cursor:not-allowed}
/* Подписи-панели: обычный небольшой заголовок. */
.refined-kicker,.support-map-viewport__eyebrow{letter-spacing:normal;text-transform:none;font-size:.95rem;font-weight:700}
/* Защита от горизонтального скролла на узких экранах. */
.refined-page main{overflow-wrap:anywhere}
.refined-page img,.refined-page svg,.refined-page video,.refined-page iframe{max-width:100%}
.refined-page table{max-width:100%}
.refined-page .gallery-object-filter select.refined-field{min-height:44px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23144f86' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px}
@media (max-width:760px){.refined-page input,.refined-page select,.refined-page textarea{font-size:16px}}
/* Меню в один ряд не должно наползать на соседние пункты на средних ширинах. */
@media (min-width:701px) and (max-width:1200px){.home-options-nav__row{flex-wrap:wrap;row-gap:2px}.home-options-nav a{white-space:normal}}
/* Одна понятная рамка фокуса для ссылок, кнопок и полей. */
.refined-page :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #1e69ae;outline-offset:2px}
.refined-page select:focus-visible{border-color:#1e69ae}
/* Флажок согласия покрупнее. */
.refined-consent input{flex:none;width:20px;height:20px;margin:0;accent-color:#1e69ae}
.refined-consent{column-gap:8px}
/* Телефон и почта на тёмном фоне главной: белые, с белой рамкой фокуса. */
.home-options-contact .refined-contact__inner>div:first-child a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.home-options-contact .refined-contact__inner>div:first-child a:focus-visible{outline-color:#fff}
/* Названия образцов переносятся, а не обрезаются. */
.support-swatch span,.support-swatch small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
/* Подвал прижат к низу на коротких страницах. */
.refined-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.refined-page>main{flex:1 0 auto}
/* Рамка фокуса у видео YouTube на главной (home-options-r1.css её гасит). */
.home-options-videos iframe:focus-visible,.home-options-story__video iframe:focus-visible{outline:2px solid #1e69ae;outline-offset:2px}
/* Цифры в счётчике страниц не «прыгают». */
.refined-pagination span,.pagination span{font-variant-numeric:tabular-nums}

/* Georgia на macOS рисует старостильные цифры; подменяем только 0-9 на lining-цифры Times. */
@font-face{font-family:FMDigits;src:local('Times New Roman'),local('TimesNewRomanPSMT'),local('Liberation Serif');unicode-range:U+0030-0039}
.home-options-page--a .home-options-nav a,
.home-options-page--a .home-options-story h2,
.home-options-page--a .home-options-tile__label,
.classic-category-catalog .classic-category-copy h1,
.classic-category-catalog .classic-category-details h2,
.refined-product__details h1{font-family:FMDigits,Georgia,'Times New Roman',serif}
.home-options-story__championship h2{font-family:FMDigits,Georgia,'Times New Roman',serif}
/* Заголовки страниц одним начертанием. */
.support-hero h1,.support-contact-page h1,.refined-legal h1{font-family:FMDigits,Georgia,'Times New Roman',serif}
.refined-legal h1{font-size:1.9rem;font-weight:600}

/* Click-to-load YouTube facade: same 16:9 box the iframe had. No remote poster (CSP img-src is 'self' data:). */
.yt-facade {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #17618a;
}

.yt-facade iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.yt-facade__button {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: .75rem;
  width: 100%;
  padding: 1rem;
  border: 0;
  border-radius: 0;
  background: linear-gradient(135deg, #17618a, #0f3f5c);
  color: #fff;
  font: inherit;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
}

.yt-facade__play {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  color: #17618a;
  transition: transform 150ms ease-out;
}

.yt-facade__play svg { margin-left: 3px; }

.yt-facade__title { max-width: 32ch; text-wrap: balance; }

.yt-facade__button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -8px;
  box-shadow: 0 0 0 2px #0878b0;
}

.yt-facade__button:active .yt-facade__play { transform: scale(.97); }

@media (hover: hover) {
  .yt-facade__button:hover .yt-facade__play { transform: scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
  .yt-facade__play { transition: none; }
}

/* Social icons (header contact column and footer): 24px glyph, 44px target, only rendered for non-empty URLs. */
.social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.social-links a.social-links__item,
.home-selected-a .social-links a.social-links__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-height: 44px;
  height: 44px;
  color: #17618a;
  text-decoration: none;
}

.social-links a.social-links__item:focus-visible {
  outline: 2px solid #0878b0;
  outline-offset: -2px;
  border-radius: 8px;
}

.social-links a.social-links__item svg { display: block; flex: none; }

@media (hover: hover) {
  .social-links a.social-links__item:hover { color: #0f3f5c; }
}

.social-links a.social-links__item:active { transform: scale(.97); }

.social-links--footer { justify-content: center; }