/* Уход с Vue V3 (аудит PROD №6): часть старых стилей в конце списка (на месте styles.css и template_styles.css). Собрано из старого шаблона specialty по покрытию CSS страниц v2 (PROD 07.11 гостем; ЛК и корзина с товарами - dev2)
   (правила, которые применялись, и их состояния :hover/:focus); пути url() - абсолютные в папку старого шаблона. Не править вручную без сверки «как на PROD». */

/* ---- /local/templates/specialty/styles.css: 111 из 3019 правил */
:root {
    --main-font-family: "Gotham Pro", sans-serif;
}
:root {
    --body-bg: #fff;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --main: #25262a;
    --main-second: #7c7e82;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1248px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: .5rem;
    margin-left: 0;
}
b,
strong {
    font-weight: bolder;
}
a {
    color: #25262a;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #25262a;
    text-decoration: underline;
}
a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1, .h1 {
    font-size: 2.5rem;
}
@media (max-width: 1200px) {
h1, .h1 {
        font-size: calc(1.375rem + 1.5vw);
    }
}
h2, .h2 {
    font-size: 2.25rem;
}
@media (max-width: 1200px) {
h2, .h2 {
        font-size: calc(1.35rem + 1.2vw);
    }
}
h3, .h3 {
    font-size: 1.75rem;
}
@media (max-width: 1200px) {
h3, .h3 {
        font-size: calc(1.3rem + 0.6vw);
    }
}
h4, .h4 {
    font-size: 1.5rem;
}
@media (max-width: 1200px) {
h4, .h4 {
        font-size: calc(1.275rem + 0.3vw);
    }
}
h6, .h6 {
    font-size: 1rem;
}
code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
.container, .container-sm, .container-md {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}
@media (min-width: 1248px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1248px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 576px) {
.col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
.col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
.col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
.col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
.col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
.col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
        transition: none;
    }
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 1rem;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
        transition: none;
    }
}
.btn:hover {
    color: #212529;
    text-decoration: none;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.text-right {
    text-align: right !important;
}
@media print {
*,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
body {
        min-width: 992px !important;
    }
}
:root {
    --swiper-theme-color: #007aff;
}
:root {
    --swiper-navigation-size: 44px;
}
html {
    font-size: 16px;
}
body {
    overflow-x: hidden;
    background-color: #fff;
    background-color: var(--body-bg);
    box-sizing: border-box;
    font-family: "Gotham Pro",
    sans-serif;
    font-family: var(--main-font-family);
    color: #25262a;
}
*,
*::before,
*::after {
    font-family: inherit;
    box-sizing: inherit;
}
*,
*:focus {
    outline: none !important;
}
h1,
h2,
h3 {
    font-weight: bold;
}
input {
    -webkit-appearance: none;
}
.container,
body,
html {
    min-width: 1248px;
}
html {
    overflow-x: hidden;
}
@media screen and (max-width: 1247px) and (min-width: 576px) {
html {
        overflow-x: scroll;
    }
}
@media (max-width: 575.98px) {
.container,
    html,
    body {
        min-width: 100%;
    }
}
.breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: 0;
    padding: 29px 0 0;
    font-size: 12px;
    line-height: 16px;
    list-style-type: none;
    text-align: right;
}
.breadcrumbs__item {
    margin-right: 3px;
}
.breadcrumbs__item:last-child {
    margin-right: 0;
    color: #abacaf;
}
.breadcrumbs__link {
    color: #656668;
}
.breadcrumbs__link:hover {
    text-decoration: none;
}
.breadcrumbs__link::after {
    content: '/';
    margin-left: 2px;
}
@media (max-width: 575.98px) {
.breadcrumbs {
        padding-top: 12px;
        margin: 0 0 12px;
        justify-content: flex-start;
        text-align: left;
    }
}
.btn {
    padding: 15px;
    border-radius: 28px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
}
.btn:focus,
.btn :active {
    outline: none !important;
    box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus {
    outline: none !important;
    box-shadow: none;
}
.glitch-text {
    position: relative;
}
.glitch-text::after {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 7px;
    left: 0;
    right: -3px;
    z-index: 1;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
}
.glitch-text--guarantee::after {
    height: 40px;
    background-image: url("/local/js/specialty/assets/images/text-glitch-guarantee.svg");
}
@media (max-width: 575.98px) {
.glitch-text--guarantee::after {
        height: 22px;
        background-image: url("/local/js/specialty/assets/images/text-glitch-guarantee-small.svg");
    }
}
.page__content {
    position: relative;
    z-index: 1;
    padding-bottom: 64px;
}
.page__title {
    margin-bottom: 38px;
    font-size: 36px;
    line-height: 48px;
}
@media (max-width: 575.98px) {
.page__title {
        font-size: 24px;
        line-height: 32px;
    }
}
.page__wrapper {
    position: relative;
}
.page__split {
    margin-bottom: 64px;
}
@media (max-width: 575.98px) {
.page__content {
        padding-bottom: 56px;
    }
}