/* Bridge for the real Kidz child-theme footer in the standalone guide shell.
 * Markup, links, social icons, payment image and Noptin form stay owned by the theme/plugins.
 * Matches the homepage footer's existing grid and computed styles (2026-10-04),
 * without importing the theme's global shop/checkout CSS into the guide.
 */
.pg #footer { max-width: 1240px; margin: 0 auto 80px; color: var(--body); font-size: 14px; line-height: normal; }
.pg #footer > .wrap { background: var(--field); }
.pg #footer .container { max-width: 1170px; padding: 0 15px; margin: 0 auto; }
.pg #footer .bottom { padding: 30px 0 50px; margin: 0 -15px; }
.pg #footer .copyright { display: grid; grid-template-columns: 5fr 3fr 4fr; padding-top: 3px; }
.pg #footer .copyright > div { min-width: 0; padding: 0 15px; }
.pg #footer h2 { font-size: 21px; line-height: normal; font-weight: 700; color: inherit; margin: .83em 0; }
.pg #footer a { color: inherit; text-decoration: none; }
.pg #footer a:hover { color: var(--sky); }
.pg #footer .soc a { display: inline-flex; width: 30px; height: 30px; justify-content: center; align-items: center; vertical-align: middle; border-radius: 15px; overflow: hidden; position: relative; }
.pg #footer .soc a:hover { background: var(--sky) !important; }
.pg #footer .soc .soc-img { width: 14px; height: 14px; fill: currentColor; }
.pg #footer-bottom-text { position: relative; display: flex; align-items: center; padding: 15px 15px 0; }
.pg #footer-bottom-text::before { content: ""; position: absolute; left: 15px; right: 15px; top: 0; border-top: 1px solid rgba(0, 0, 0, .09); }
.pg #footer-bottom-text > div { width: 50%; padding: 0 15px; }
.pg #footer-bottom-text > div:last-child { text-align: right; }
.pg #footer-payment-methods { display: inline-block; height: 35px; width: auto; max-width: 100%; vertical-align: middle; }
.pg #footer input[type=email] { font-size: 15px; line-height: 24px; padding: 5px 12px; min-height: 36px; }
.pg #footer .noptin-form-description { margin-top: 11.25px; }
.pg #footer .noptin-form-submit { font-size: 14px; font-weight: 700; line-height: 16px; padding: 10px 24px; border: 0; }
@media (min-width: 992px) and (max-width: 1199px) { .pg #footer .container { max-width: 970px; } }
@media (min-width: 769px) and (max-width: 991px) {
    .pg #footer .container { max-width: 750px; }
    .pg #footer .copyright { grid-template-columns: 1fr 1fr; }
    .pg #footer .copyright > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
    .pg #footer .copyright { grid-template-columns: 1fr; text-align: center; }
    .pg #footer-info-one { margin-bottom: 15px; }
    .pg #footer .soc { margin-bottom: 15px; }
    .pg #footer-bottom-text { flex-direction: column; text-align: center; }
    .pg #footer-bottom-text > div { width: 100%; }
    .pg #footer-bottom-text > div:last-child { text-align: center; }
}