/* Satella Power shell for the WordPress pages under /market/: the storefront header and footer over OceanWP.
   Every rule is scoped to .sp-shell so nothing here touches WooCommerce's forms. */
.sp-shell{--ink:#0e182c;--ground:#f4f2ec;--sand:#e6e1d6;--card:#fbfaf7;--graphite:#4a505a;--brass:#3cc473;--brass-deep:#1f8a4c;--mono:'IBM Plex Mono',ui-monospace,monospace;--gutter:clamp(18px,4vw,48px);--max:1200px;
  font-family:'Instrument Sans',system-ui,sans-serif;font-size:17px;line-height:1.5;color:var(--ink);-webkit-font-smoothing:antialiased}
.sp-shell *{box-sizing:border-box;margin:0;padding:0}
.sp-shell a{color:inherit;text-decoration:none}
.sp-shell .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.sp-shell header.top{position:sticky;top:0;z-index:50;background:rgba(244,242,236,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--sand)}
.sp-shell header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.sp-shell .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.01em;white-space:nowrap}
.sp-shell .brand i{width:26px;height:26px;border-radius:7px;background:var(--ink);position:relative;display:inline-block;flex:none}
.sp-shell .brand i:after{content:"";position:absolute;left:7px;top:7px;width:12px;height:12px;border-radius:3px;background:var(--brass)}
.sp-shell .nav{display:flex;gap:26px;font-size:15px;color:var(--graphite)}
.sp-shell .nav a:hover{color:var(--ink)}
.sp-shell .right{display:flex;align-items:center;gap:14px}
.sp-shell .tel{font-family:var(--mono);font-size:13px;color:var(--graphite)}
.sp-shell .cart{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--sand);border-radius:6px;background:var(--card);font-size:14px;font-weight:500}
.sp-shell .mono{font-family:var(--mono)}
.sp-shell .menu-btn{display:none;font:inherit;font-weight:600;font-size:14px;background:transparent;border:1.5px solid var(--ink);border-radius:6px;padding:8px 12px;cursor:pointer;color:var(--ink)}
.sp-shell .mobile-nav{display:none;flex-direction:column;background:var(--card);border-bottom:1px solid var(--sand)}
.sp-shell .mobile-nav a{padding:14px var(--gutter);border-top:1px solid var(--sand);font-weight:500}
.sp-shell .mobile-nav:not([hidden]){display:flex}
.sp-shell .skip{position:absolute;left:-999px}
.sp-shell footer{padding:40px 0 48px;border-top:1px solid var(--sand);font-size:14px;color:var(--graphite);margin-top:40px;background:var(--ground)}
.sp-shell footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px}
.sp-shell footer h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.sp-shell footer a{display:block;padding:3px 0}
.sp-shell footer a:hover{color:var(--ink)}
.sp-shell footer .addr{margin-top:12px;max-width:34ch}
.sp-shell footer .addr a{display:inline}
.sp-shell footer .legal{grid-column:1/-1;border-top:1px solid var(--sand);padding-top:18px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.sp-shell footer .legal a{display:inline}
@media (max-width:980px){.sp-shell .nav,.sp-shell .tel{display:none}.sp-shell .menu-btn{display:inline-block}}
@media (max-width:640px){.sp-shell footer .wrap{grid-template-columns:1fr 1fr;gap:22px}}
/* the theme's own header and footer step aside; the page ground matches the storefront */
body.sp-shelled{background:#f4f2ec!important;padding-top:0!important}
body.sp-shelled #site-header,body.sp-shelled #site-header-sticky-wrapper,body.sp-shelled #top-bar,body.sp-shelled #footer,body.sp-shelled .site-footer,body.sp-shelled #scroll-top{display:none!important}
body.sp-shelled #main{padding-top:0}
