.rd-footer {
color: var(--rd-text-on-dark);
background: var(--rd-dark);
border-top: 1px solid var(--rd-border-dark);
}
.rd-footer__top {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;
gap: 56px;
padding: 46px 0 38px;
}
.rd-footer__top,
.rd-footer__bottom-inner {
width: 100%;
padding-right: 50px;
padding-left: 50px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.rd-footer__logo {
display: inline-flex;
margin-bottom: 18px;
}
.rd-footer__logo img {
width: 170px;
height: auto;
}
.rd-footer__brand p,
.rd-footer__contact p {
margin: 0 0 8px;
color: var(--rd-text-on-dark-soft);
font-size: 16px;
line-height: 1.5;
}
.rd-footer__social {
display: flex;
gap: 18px;
margin-top: 24px;
}
.rd-footer__social a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
color: var(--rd-text-on-dark);
background: rgba(255, 255, 255, .045);
border: 1px solid var(--rd-border-dark);
border-radius: var(--rd-radius-sm);
font-size: 0;
opacity: .9;
transition:
color .2s ease,
background-color .2s ease,
border-color .2s ease,
transform .2s ease;
}
.rd-footer__social a::before {
color: currentColor;
font-size: 15px;
}
.rd-footer__social a:hover,
.rd-footer__social a:focus-visible {
color: var(--rd-accent);
background: rgba(186, 181, 246, .10);
border-color: rgba(186, 181, 246, .35);
transform: translateY(-1px);
}
.rd-footer__col h3 {
margin: 0 0 16px;
color: var(--rd-accent);
font-size: 13px;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
}
.rd-footer__col a {
display: block;
margin-bottom: 8px;
color: var(--rd-text-on-dark-soft);
font-size: 16px;
line-height: 1.4;
transition: color .2s ease;
}
.rd-footer__col a:hover,
.rd-footer__col a:focus-visible {
color: var(--rd-accent);
}
.rd-footer__contact p {
position: relative;
padding-left: 22px;
}
.rd-footer__contact p::before {
content: "✓";
position: absolute;
top: 0;
left: 0;
color: var(--rd-accent);
font-size: 13px;
}
.rd-footer__bottom {
border-top: 1px solid var(--rd-border-dark);
}
.rd-footer__bottom-inner {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 24px;
min-height: 54px;
}
.rd-footer__bottom p {
margin: 0;
color: var(--rd-text-muted);
font-size: 12px;
}
.rd-footer__payments {
display: flex;
justify-content: center;
gap: 10px;
}
.rd-footer__payments a {
display: flex;
align-items: center;
justify-content: center;
}
.rd-footer__payments img {
width: 30px;
height: 30px;
object-fit: contain;
}
.rd-footer__payments span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 18px;
padding: 0 5px;
color: var(--rd-text-on-dark);
background: rgba(255, 255, 255, .055);
border: 1px solid var(--rd-border-dark);
border-radius: 4px;
font-size: 9px;
font-weight: 700;
}
.rd-footer__currency {
justify-self: end;
color: var(--rd-text-on-dark-soft);
font-size: 12px;
}
@media (max-width: 1023px) {
.rd-footer__top,
.rd-footer__bottom-inner {
padding-right: 25px;
padding-left: 25px;
}
}
@media (max-width: 767px) {
.rd-footer__top,
.rd-footer__bottom-inner {
padding-right: 15px;
padding-left: 15px;
}
.rd-footer{
padding:0px 15px !importantas;
}
}
@media (max-width: 1100px) {
.rd-footer__top {
grid-template-columns: 1.4fr 1fr 1fr;
gap: 40px;
}
}
@media (max-width: 767px) {
.rd-footer__top {
grid-template-columns: 1fr;
gap: 30px;
padding: 42px 0 32px;
}
.rd-footer{
padding:0px 15px !important;
}
.rd-footer__bottom-inner {
grid-template-columns: 1fr;
justify-items: center;
padding: 18px 0;
text-align: center;
}
.rd-footer__currency {
justify-self: center;
}
}