footer {padding:3rem max(2rem, calc((100vw - var(--frame)) / 2));display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;color:var(--baseGray);background:var(--baseDark);text-shadow:0 1px 0 var(--baseDark);border-top:1px solid black;}footer h5 {color:var(--baseLightGray);}footer p.dev {display:flex;align-items:center;justify-content:center;margin:2rem 0 0;gap:0.5rem;filter:brightness(0.5);}footer .footerRow p.copyright {font-size:1.2rem;line-height:2rem;}footer .footerRow p.copyright sup {font-size:0.5em;}footer .footerRow ul li {margin-bottom:0.5rem;}footer .footerRow ul li:empty {height:0.3em;list-style:none;}footer nav[data-role='footer-links'] {display:flex;flex-direction:column;gap:0.5rem;}footer nav[data-role='footer-links'] a {color:var(--baseGray);}footer .footerLine {display:block;clear:both;width:100%;text-align:center;}footer .footerLine p.disclaimer {font-size:0.85rem;color:#8c8c8c;}footer img {display:inline-block;vertical-align:middle;margin-bottom:0.5em;}footer img.grayscale {filter:var(--imgInverted);}footer img.paymentList {width:100%;filter:var(--imgInverted);max-width:600px;}footer a {color:#d0d0d0;}footer a:visited {color:#d0d0d0;}footer a:hover {color:var(--baseLight);text-decoration:underline;text-decoration-thickness:2px;}footer ul.contactList {margin-bottom:2em;}footer h5:not(:first-of-type) {font-size:1.2em;}#bottomBlock {display:flex;position:fixed;bottom:3rem;right:3rem;gap:2rem;flex-direction:column-reverse;align-items:center;z-index:10000;}#bottomBlock #moveTop {position:static;display:flex;background:var(--marble);background-size:cover;width:4rem;height:4rem;transform:rotate(45deg) scale(0.8);transition:0.6s;border-radius:0.5rem;border:2px solid white;align-items:center;justify-content:center;cursor:pointer;box-shadow:5px 5px 15px var(--baseDarkShadow30);}#bottomBlock #moveTop[data-hidden='true'] {opacity:0;height:0;width:0;visibility:hidden;pointer-events:none;overflow:hidden;}#bottomBlock #moveTop img {height:2rem;transform:rotate(-45deg);margin:0;}#bottomBlock #moveTop:hover {transform:rotate(45deg) scale(1);}

    @media screen and (max-width: 1440px) {footer {justify-content:flex-start;}
    }

    @media screen and (max-width: 768px) {footer {justify-content:center;}
    }

    @media screen and (max-width: 540px) {footer .footerRow {width:100% !important;text-align:center;}#bottomBlock {right:0.5rem;bottom:1rem;gap:1rem;}#bottomBlock #moveTop {width:3rem;height:3rem;}
    }

    /* дополнения сайта */footer {interpolate-size:allow-keywords;}footer .footerRow p.paymentTitle {margin-top:1.5rem;}footer nav[data-role='footer-links'] .link {cursor:pointer;text-decoration:underline dotted;text-underline-offset:0.3em;}

    /* Рейтинги: две одинаковые плашки — логотип площадки, оценка, звёзды, подпись */footer ul.ratings {display:flex;flex-wrap:wrap;gap:0.75rem;margin:1.25rem 0 0;padding:0;}footer ul.ratings li {list-style:none;margin:0;}footer a.ratingBadge {display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:'logo value stars' 'logo name name';align-items:center;column-gap:0.75rem;row-gap:0.15rem;min-width:15.5rem;padding:0.7rem 1.1rem 0.7rem 0.9rem;border:1px solid #ffffff26;border-radius:0.6rem;background:#ffffff0a;color:var(--baseLightGray);text-decoration:none;text-shadow:none;transition:border-color 0.2s,
        background-color 0.2s;}footer a.ratingBadge:hover {border-color:#ffffff59;background:#ffffff14;color:var(--baseLight);text-decoration:none;}footer a.ratingBadge:focus-visible {outline:var(--focus-ring);outline-offset:2px;}footer .ratingLogo {grid-area:logo;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;}footer .ratingLogo svg {width:1.45rem;height:1.45rem;}footer .ratingValue {grid-area:value;font-size:1.35rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;}footer .ratingStars {grid-area:stars;width:5.6rem;height:1.1rem;background:linear-gradient(90deg, #fbbc04 var(--fill, 100%), #ffffff33 var(--fill, 100%));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath transform='translate(0 0)' d='M12 1.8l3.09 6.26 6.91 1-5 4.87 1.18 6.88L12 17.56l-6.18 3.25L7 13.93 2 9.06l6.91-1z'/%3E%3Cpath transform='translate(24 0)' d='M12 1.8l3.09 6.26 6.91 1-5 4.87 1.18 6.88L12 17.56l-6.18 3.25L7 13.93 2 9.06l6.91-1z'/%3E%3Cpath transform='translate(48 0)' d='M12 1.8l3.09 6.26 6.91 1-5 4.87 1.18 6.88L12 17.56l-6.18 3.25L7 13.93 2 9.06l6.91-1z'/%3E%3Cpath transform='translate(72 0)' d='M12 1.8l3.09 6.26 6.91 1-5 4.87 1.18 6.88L12 17.56l-6.18 3.25L7 13.93 2 9.06l6.91-1z'/%3E%3Cpath transform='translate(96 0)' d='M12 1.8l3.09 6.26 6.91 1-5 4.87 1.18 6.88L12 17.56l-6.18 3.25L7 13.93 2 9.06l6.91-1z'/%3E%3C/svg%3E") left center / contain no-repeat;}footer .ratingName {grid-area:name;font-size:0.85rem;color:var(--baseGray);}

    /* Соцсети: значок, подпись под ним */footer ul.socialLinks {display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.75rem 0 0;padding:0;}footer ul.socialLinks li {list-style:none;margin:0;}

    /* li a[href] — сильнее правил темы, которые красят YouTube и Instagram в цвета брендов: здесь значки одного цвета */footer ul.socialLinks li a[href] {display:flex;flex-direction:column;align-items:center;gap:0.45rem;min-width:4.75rem;padding:0.25rem 0.25rem 0;color:var(--baseGray);text-decoration:none;}footer .socialIcon {display:grid;place-items:center;width:3rem;height:3rem;border:1px solid #ffffff26;border-radius:50%;background:#ffffff0a;color:var(--baseLightGray);transition:border-color 0.2s,
        background-color 0.2s,
        color 0.2s;}footer ul.socialLinks .socialIcon svg {width:1.3rem;height:1.3rem;fill:currentColor;}footer .socialName {font-size:0.8rem;letter-spacing:0.02em;}footer ul.socialLinks li a[href]:hover {color:var(--baseLight);text-decoration:none;}footer ul.socialLinks a:hover .socialIcon {border-color:var(--primaryColor);background:var(--primaryColor);color:var(--baseLight);}footer ul.socialLinks a:focus-visible {outline:none;}footer ul.socialLinks a:focus-visible .socialIcon {outline:var(--focus-ring);outline-offset:2px;}

    /* Каталог и города: полосы на всю ширину под колонками — раскрытие растит подвал вниз, колонки стоят */footer .footerLists {display:flex;flex-direction:column;max-width:90rem;margin:1rem auto 0;border-bottom:1px solid #ffffff1a;text-align:left;}footer .footerList {border-top:1px solid #ffffff1a;}footer .footerList summary {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0.25rem;list-style:none;cursor:pointer;font-weight:600;color:var(--baseLightGray);user-select:none;}footer .footerList summary::-webkit-details-marker {display:none;}footer .footerList summary::after {content:'';flex:none;width:0.55rem;height:0.55rem;margin-right:0.35rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform 0.25s;}footer .footerList[open] summary::after {transform:translateY(25%) rotate(-135deg);}footer .footerList summary:hover {color:var(--baseLight);}footer .footerList summary:focus-visible {outline:var(--focus-ring);outline-offset:-2px;}footer .footerList::details-content {block-size:0;overflow:clip;transition:block-size 0.3s ease,
        content-visibility 0.3s allow-discrete;}footer .footerList[open]::details-content {block-size:auto;}footer .footerListBody {display:flex;flex-direction:column;gap:1.25rem;padding:0 0.25rem 1.5rem;}footer .footerListBody h6 {margin:0 0 0.5rem;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8c8c8c;}footer .footerListBody nav {columns:10.5rem auto;column-gap:1.5rem;font-size:0.9rem;}footer .footerListBody nav a {display:block;padding:0.2rem 0;break-inside:avoid;color:var(--baseGray);text-decoration:none;}footer .footerListBody nav a:hover {color:var(--baseLight);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;}

    @media (prefers-reduced-motion: reduce) {footer .footerList::details-content,
      footer .footerList summary::after {transition:none;}
    }

    @media screen and (max-width: 540px) {footer ul.ratings,
      footer ul.socialLinks {justify-content:center;}footer a.ratingBadge {min-width:min(15.5rem, 100%);text-align:left;}footer .footerListBody nav {columns:2;column-gap:1rem;}footer ul.socialLinks li a[href] {min-width:4.25rem;}
    }