/* Only a complete pilot shell participates. Native/CE shops and content-only
   documents have neither this stylesheet nor both of these component IDs. */
html:has(#sg-shop-header):has(#sg-shop-footer){
  /* The visual edge helper selects one opaque canvas color. Safari can use
     a different source for rubber-banding than the normal document paint. */
  background-color:var(--sg-edge-background,var(--page-background,#fffef5))!important;
  background-image:none!important;
}
body:has(#sg-shop-header):has(#sg-shop-footer){
  display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;
  background-color:var(--page-background,#fffef5)!important;
}
/* Classic places the three page sections inside body > main. Keep that main
   in normal flow: no fixed footer, nested scrolling or overflow clipping. */
body:has(#sg-shop-header):has(#sg-shop-footer)>main:has(>#header):has(>#wrapper):has(>#footer){
  display:flex;flex-direction:column;flex:1 0 auto;min-width:0;
}
body:has(#sg-shop-header):has(#sg-shop-footer)>main>#wrapper,
body:has(>#header>#sg-shop-header):has(>#footer #sg-shop-footer)>#wrapper{flex:1 0 auto}
body:has(#sg-shop-header):has(#sg-shop-footer)>main>#header,
body:has(#sg-shop-header):has(#sg-shop-footer)>main>#footer,
body:has(>#header>#sg-shop-header):has(>#footer #sg-shop-footer)>#header,
body:has(>#header>#sg-shop-header):has(>#footer #sg-shop-footer)>#footer{flex:0 0 auto;margin-bottom:0}
#footer:has(#sg-shop-footer){padding:0!important;box-shadow:none!important;background:transparent!important;border:0!important}
#sg-shop-footer{background:var(--footer-background,#fffef5);color:var(--text-color,#18201c)!important;padding:54px 28px 24px;border-top:1px solid #18201c12}
#sg-shop-footer *{box-sizing:border-box}
#sg-shop-footer .sg-shop-footer__inner{max-width:min(var(--content-width,1200px),900px);margin:0 auto}
#sg-shop-footer .sg-shop-footer__columns{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:48px}
#sg-shop-footer h2{font-size:15px;font-weight:650;line-height:1.4;margin:0 0 20px;letter-spacing:-.01em;text-transform:none;color:inherit!important}
#sg-shop-footer ul{list-style:none;padding:0;margin:0}
#sg-shop-footer li{margin:0 0 12px}
#sg-shop-footer p{font-size:14px;line-height:1.7;margin:0;color:inherit!important}
#sg-shop-footer a{color:inherit!important;text-decoration:none;font-size:14px;line-height:1.7;opacity:.78}
#sg-shop-footer a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
#sg-shop-footer a:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
#sg-shop-footer .sg-shop-footer__copyright{font-size:11px;opacity:.55;margin:44px 0 0}
.sg-footer-before:empty,.sg-footer-after:empty{display:none}
@media(max-width:600px){#sg-shop-footer{padding:36px 22px 22px}#sg-shop-footer .sg-shop-footer__columns{grid-template-columns:1fr 1fr;gap:30px 20px}#sg-shop-footer .sg-shop-footer__columns>div:last-child{grid-column:1/-1}#sg-shop-footer h2{margin-bottom:14px}#sg-shop-footer .sg-shop-footer__copyright{margin-top:30px}}
@media(max-width:350px){#sg-shop-footer .sg-shop-footer__columns{grid-template-columns:1fr}#sg-shop-footer .sg-shop-footer__columns>div:last-child{grid-column:auto}}