/*
 * Preserved source CSS for region footer-14 of page senfeng-real-html-full-flow.
 *
 * Copied from the immutable capture artifact
 * harness/output/html-baselines/senfeng-real-html-full-flow/r1/desktop.regions/footer-14.styles.css
 * (byte-identical to the mobile artifact) with declaration order, values,
 * custom properties, breakpoints and pseudo-classes retained. The only edits
 * are the scoping ones required by Shopify delivery: every ordinary selector
 * now sits below the literal identity root [data-sth-source-id="footer-14"],
 * the captured :root custom properties are declared on that root instead of the
 * document, and the document-owned html/body rules that cannot be re-homed are
 * listed as exceptions in the section result. Not a Tailwind restatement.
 */

/* :root -> identity root. Store-wide token bleed is not acceptable for a
   shared surface, and every consumer of these variables is inside the footer. */
[data-sth-source-id="footer-14"] { --kik-color-bg-page: #ffffff; --kik-color-bg-surface: #ffffff; --kik-color-bg-surface-alt-1: #f5f7f8; --kik-color-bg-surface-alt-2: #e6eaec; --kik-color-bg-surface-alt-3: #c7cfd3; --kik-color-bg-inverse: #212721; --kik-color-bg-accent: #0085ca; --kik-color-bg-accent-subtle: #e6f3fa; --kik-color-bg-star: #fecf84; --kik-color-text-primary: #212721; --kik-color-text-secondary: #6f736f; --kik-color-text-tertiary: #9b9e9b; --kik-color-text-inverse: #ffffff; --kik-color-text-accent: #0085ca; --kik-color-action-primary: #0085ca; --kik-color-action-secondary: #ffffff; --kik-color-border-default: #c7cfd3; --kik-color-border-subtle: #e6eaec; --kik-color-border-accent: #0085ca; --kik-color-border-inverse: #ffffff; --kik-font-heading: "Poppins",system-ui,-apple-system,"Segoe UI",sans-serif; --kik-font-body: "Poppins",system-ui,-apple-system,"Segoe UI",sans-serif; --kik-text-size-h1: 56px; --kik-text-size-h2: 48px; --kik-text-size-h4: 32px; --kik-text-size-h5: 24px; --kik-text-size-h6: 20px; --kik-text-size-body-lg: 18px; --kik-text-size-body-md: 16px; --kik-text-size-body-sm: 14px; --kik-text-size-body-xsm: 12px; --kik-space-gap-2xs: 4px; --kik-space-gap-xs: 8px; --kik-space-gap-sm: 12px; --kik-space-gap-md: 16px; --kik-space-gap-lg: 24px; --kik-space-gap-xl: 32px; --kik-space-gap-2xl: 48px; --kik-space-inset-2xs: 4px; --kik-space-inset-xs: 8px; --kik-space-inset-sm: 12px; --kik-space-inset-md: 16px; --kik-space-inset-lg: 24px; --kik-space-inset-xl: 32px; --kik-space-gutter-md: 64px; --kik-space-gutter-lg: 80px; --kik-space-section-xs: 32px; --kik-space-section-md: 64px; --kik-radius-sm: 4px; --kik-radius-md: 6px; --kik-radius-lg: 8px; --kik-radius-pill: 100px; --kik-shadow-card: 4px 4px 50px rgba(0,0,0,.08); --ease: cubic-bezier(.22,.61,.36,1); --dur: 220ms; --page-max: 1600px; --gutter: var(--kik-space-gutter-md); }
@media (max-width: 1023px) {
[data-sth-source-id="footer-14"] { --gutter: 32px; --kik-text-size-h1: 44px; --kik-text-size-h2: 36px; }
}
@media (max-width: 767px) {
[data-sth-source-id="footer-14"] { --gutter: 16px; --kik-text-size-h1: 40px; --kik-text-size-h2: 40px; --kik-text-size-h4: 24px; --kik-space-section-md: 48px; }
}
[data-sth-source-id="footer-14"], [data-sth-source-id="footer-14"] *, [data-sth-source-id="footer-14"] ::before, [data-sth-source-id="footer-14"] ::after { box-sizing: border-box; }
/* html/body typography re-homed onto the region root. The captured
   `overflow-x: hidden` and `scroll-behavior: smooth` are document-owned and are
   deliberately not re-homed: on this root they would clip the .to-top control
   that overflows the footer box by 23px. */
[data-sth-source-id="footer-14"] { text-size-adjust: 100%; }
[data-sth-source-id="footer-14"] { margin: 0px; background: var(--kik-color-bg-page); color: var(--kik-color-text-primary); font-family: var(--kik-font-body); font-size: var(--kik-text-size-body-md); line-height: 1.5; -webkit-font-smoothing: antialiased; }
[data-sth-source-id="footer-14"] img { max-width: 100%; height: auto; display: block; }
[data-sth-source-id="footer-14"] button { font: inherit; color: inherit; background: none; border: 0px; padding: 0px; cursor: pointer; }
[data-sth-source-id="footer-14"] a { color: inherit; text-decoration: none; }
[data-sth-source-id="footer-14"] h1, [data-sth-source-id="footer-14"] h2, [data-sth-source-id="footer-14"] h3, [data-sth-source-id="footer-14"] h4, [data-sth-source-id="footer-14"] h5, [data-sth-source-id="footer-14"] h6, [data-sth-source-id="footer-14"] p, [data-sth-source-id="footer-14"] figure, [data-sth-source-id="footer-14"] figcaption { margin: 0px; }
[data-sth-source-id="footer-14"] [id] { scroll-margin-top: 96px; }
@media (max-width: 767px) {
[data-sth-source-id="footer-14"] [id] { scroll-margin-top: 72px; }
}
@media (prefers-reduced-motion: reduce) {
[data-sth-source-id="footer-14"] *, [data-sth-source-id="footer-14"] ::before, [data-sth-source-id="footer-14"] ::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
/* .footer matches the identity root itself; the class is kept so the delivered
   selector stays the captured one. */
[data-sth-source-id="footer-14"].footer { background: var(--kik-color-bg-inverse); color: var(--kik-color-text-inverse); padding: var(--kik-space-section-md) var(--gutter); position: relative; }
[data-sth-source-id="footer-14"] .footer__inner { max-width: calc(var(--page-max) - var(--kik-space-gutter-md) * 2); margin-inline: auto; display: flex; flex-direction: column; gap: var(--kik-space-gap-2xl); }
[data-sth-source-id="footer-14"] .footer__top { display: flex; justify-content: space-between; gap: var(--kik-space-gap-2xl); flex-wrap: wrap; }
[data-sth-source-id="footer-14"] .footer__brand { width: 320px; display: flex; flex-direction: column; gap: var(--kik-space-gap-md); }
[data-sth-source-id="footer-14"] .footer__brand img { width: 168px; height: 22.77px; }
[data-sth-source-id="footer-14"] .footer__brand p { opacity: 0.7; font-size: var(--kik-text-size-body-sm); }
[data-sth-source-id="footer-14"] .footer__cols { display: flex; gap: var(--kik-space-gap-2xl); flex-wrap: wrap; }
[data-sth-source-id="footer-14"] .footer__col { display: flex; flex-direction: column; gap: var(--kik-space-gap-sm); font-size: var(--kik-text-size-body-sm); }
[data-sth-source-id="footer-14"] .footer__col strong { font-weight: 600; }
[data-sth-source-id="footer-14"] .footer__col a { opacity: 0.7; transition: opacity var(--dur) var(--ease),transform var(--dur) var(--ease); display: inline-block; }
[data-sth-source-id="footer-14"] .footer__col a:hover { opacity: 1; transform: translateX(3px); }
[data-sth-source-id="footer-14"] .footer__bottom { border-top: 1px solid var(--kik-color-border-inverse); padding-top: var(--kik-space-inset-lg); display: flex; align-items: center; justify-content: space-between; gap: var(--kik-space-gap-md); flex-wrap: wrap; }
[data-sth-source-id="footer-14"] .footer__bottom p { opacity: 0.6; font-size: var(--kik-text-size-body-sm); }
[data-sth-source-id="footer-14"] .pay { display: flex; gap: var(--kik-space-gap-xs); align-items: center; flex-wrap: wrap; }
[data-sth-source-id="footer-14"] .pay img { width: 38px; height: 24px; object-fit: contain; border-radius: var(--kik-radius-sm); }
[data-sth-source-id="footer-14"] .to-top { position: absolute; top: -23px; right: var(--gutter); width: 48px; height: 48px; background: var(--kik-color-bg-surface); box-shadow: var(--kik-shadow-card); display: inline-flex; align-items: center; justify-content: center; transition: transform var(--dur) var(--ease); }
[data-sth-source-id="footer-14"] .to-top:hover { transform: translateY(-3px); }
[data-sth-source-id="footer-14"] .to-top img { width: 32px; height: 32px; }
@media (max-width: 767px) {
[data-sth-source-id="footer-14"] .footer__top { flex-direction: column; gap: var(--kik-space-gap-xl); }
[data-sth-source-id="footer-14"] .footer__brand { width: 100%; }
[data-sth-source-id="footer-14"] .footer__cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--kik-space-gap-lg); }
[data-sth-source-id="footer-14"] .footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--kik-space-gap-md); }
[data-sth-source-id="footer-14"] .to-top { right: var(--gutter); top: -24px; }
}
@media (max-width: 767px) {
[data-sth-source-id="footer-14"] .footer__inner { gap: var(--kik-space-gap-xl); }
[data-sth-source-id="footer-14"] .footer__brand { gap: var(--kik-space-gap-xs); }
[data-sth-source-id="footer-14"] .footer__col { gap: var(--kik-space-gap-xs); }
[data-sth-source-id="footer-14"] .footer__bottom { padding-top: var(--kik-space-inset-md); }
}