#footer .footer-bottom .logo img {
max-width: 52px;
}
#footer .footer-bottom .footer-copyright {
font-size: 13px;
line-height: 22px;
}  .ced-hero {
position: relative;
margin: 0;
background: #fff;
}
.ced-hero__track {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth; scrollbar-width: none;
}
.ced-hero__track::-webkit-scrollbar { display: none; }
.ced-hero__card {
flex: 0 0 100%;
scroll-snap-align: start;
display: flex;
flex-direction: column;
}
.ced-hero__media {
margin: 0;
overflow: hidden;
} .ced-hero__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ced-hero__body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 1.5rem 1.25rem 1.75rem;
background: #fff;
color: #6b6b6b;
} .ced-hero__counter {
display: flex;
align-items: center;
gap: .5rem;
margin: 0 0 .75rem;
color: #882426;
font-size: .95rem;
line-height: 1;
}
.ced-hero__counter-now { font-size: 1.35rem; }
.ced-hero__counter-all { color: #6b6b6b; }
.ced-hero__counter-now::after {
content: "/";
margin-left: .5rem;
color: #c29545;
} .ced-hero__title {
margin: 0 0 .5rem;
color: #1c2023;
font-size: clamp(1.5rem, 2.8vw, 2.5rem);
line-height: 1.15;
letter-spacing: normal;
}
.ced-hero__subtitle {
margin: 0 0 .75rem;
color: #8d6b2f; font-size: 1.05rem;
line-height: 1.5;
}
.ced-hero__text { max-width: 46ch; }
.ced-hero__text p { margin: 0 0 .75rem; line-height: 1.6; }
.ced-hero__facts {
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
line-height: 1.6;
}
.ced-hero__facts li { margin: 0 0 .3rem; }
.ced-hero__actions {
display: flex;
flex-wrap: wrap;
gap: .75rem 1.25rem;
align-items: center;
margin: 1rem 0 0;
}
.ced-hero__button {
display: inline-block;
padding: .8rem 1.6rem;
border-radius: 3px;
background: #882426;
color: #fff;
text-decoration: none;
line-height: 1.4;
}
.ced-hero__button:hover,
.ced-hero__button:focus { background: #6d1d1e; color: #fff; }
.ced-hero__link {
line-height: 1.4;
color: #882426;
text-decoration: underline;
}
.ced-hero__link:hover { color: #6d1d1e; }
.ced-hero__arrow {
position: absolute;
z-index: 3;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
background: rgba(28, 32, 35, .65);
color: #fff;
font-size: 1.6rem;
line-height: 1;
cursor: pointer;
}
.ced-hero__arrow--prev { left: .75rem; }
.ced-hero__arrow--next { right: .75rem; }
.ced-hero__arrow:hover { background: rgba(28, 32, 35, .9); } .ced-hero__thumbs {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .5rem;
padding: .75rem 1rem 0;
}
.ced-hero__thumb {
width: 44px;
height: 44px;
padding: 0;
border: 2px solid transparent;
border-radius: 50%;
background: #c3c7ca;
overflow: hidden;
cursor: pointer;
opacity: .55;
}
.ced-hero__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.ced-hero__thumb:hover { opacity: .85; }
.ced-hero__thumb.is-active {
border-color: #c29545;
opacity: 1;
} .ced-hero__service {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .75rem 2rem;
padding: 1rem 1.25rem;
background: #1c2023;
line-height: 1.5;
}
.ced-hero__service a { color: #fff; }
.ced-hero__service a:hover { color: #c29545; } @media (max-width: 767px) { .ced-hero__media {
height: calc(100vh - 620px);
min-height: 200px;
max-height: 280px;
}
.ced-hero__arrow { top: 15%; } .ced-hero__thumbs { padding: .75rem 1rem 1.5rem; }
} @media (min-width: 768px) {
.ced-hero__card {
flex-direction: row;
align-items: stretch;
height: calc(100vh - 300px);
min-height: 440px;
max-height: 700px;
}
.ced-hero__media {
flex: 0 0 50%;
height: auto;
max-height: none;
}
.ced-hero__body {
flex: 0 0 50%;
padding: 2.5rem 3rem 2.5rem 4.5rem; }
.ced-hero__counter { margin-bottom: 1.25rem; }
.ced-hero__title { margin-bottom: .75rem; }
.ced-hero__arrow { top: 45%; }
.ced-hero__arrow--next { left: auto; right: 1.5rem; } .ced-hero__thumbs {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
transform: translate(-50%, -50%);
flex-direction: column;
flex-wrap: nowrap;
padding: 0;
}
.ced-hero__thumb {
width: 52px;
height: 52px;
box-shadow: 0 2px 10px rgba(28, 32, 35, .25);
}
.ced-hero__service { padding: 1.15rem 3rem; }
}
@media (prefers-reduced-motion: reduce) {
.ced-hero__track { scroll-behavior: auto; }
} .ced-hero a:focus-visible,
.ced-hero button:focus-visible {
outline: 3px solid #882426 !important;
outline-offset: 2px;
}
.ced-hero__arrow:focus-visible {
outline-color: #c29545 !important;
}