/* One navigation shell for the shop, original services and account pages. */
:root{--sidebar-width:248px}
.sf-body{padding-left:var(--sidebar-width);padding-bottom:0}
.sf-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;height:100dvh;z-index:90;display:flex;flex-direction:column;background:var(--theme-elevated);border-right:1px solid var(--theme-border);color:var(--ink);outline:none}
.sf-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:30px 24px 25px}
.sf-sidebar .sf-brand{font-size:26px;gap:8px}
.sf-sidebar .sf-brand-icon{width:34px;height:36px}
.sf-sidebar-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 15px 20px;scrollbar-width:thin;scrollbar-color:var(--theme-muted) transparent}
.sf-side-section{padding:0;margin:0 0 23px;max-width:none;border:0;display:block}
.sf-side-heading{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:650;color:var(--theme-muted);margin:7px 13px 11px}
.sf-side-link{display:flex;align-items:center;gap:12px;padding:12px 13px;min-height:45px;margin:3px 0;border-radius:9px;font-size:13px;font-weight:500;line-height:1.4;color:var(--theme-muted);text-decoration:none}
.sf-side-link svg{width:19px;height:19px;stroke-width:1.6;color:var(--theme-muted)}
.sf-side-link:hover{background:var(--theme-elevated);color:var(--theme-link);text-decoration:none}
.sf-side-link[aria-current=page]{background:var(--theme-elevated);color:var(--theme-text);font-weight:700;box-shadow:inset 3px 0 var(--theme-shadow-color)}
.sf-side-link[aria-current=page] svg{color:var(--theme-muted)}
.sf-side-coming{display:flex;align-items:flex-start;gap:12px;color:var(--theme-muted);padding:12px 13px;font-size:13px;line-height:1.5}
.sf-side-coming svg{width:19px;height:19px;margin-top:2px}
.sf-side-coming small{display:block;font-size:10px;margin-top:3px;color:var(--theme-muted)}
.sf-side-management{margin:0 0 24px;padding:0;border:0}
.sf-side-management summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;padding:10px 13px;font-size:11px;font-weight:650;color:var(--theme-muted)}
.sf-side-management summary::-webkit-details-marker{display:none}
.sf-side-management[open] summary>span{transform:rotate(180deg)}
.sf-side-management nav{padding:0;margin:0;display:block;border:0}
.sf-side-help{margin-bottom:0}
.sf-sidebar-foot{display:flex;align-items:center;gap:10px;padding:18px 22px;border-top:1px solid var(--theme-border);margin-top:auto;background:var(--theme-elevated)}
.sf-sidebar-foot>div{min-width:0}
.sf-sidebar-foot strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.4}
.sf-sidebar-foot small{display:block;font-size:10px;color:var(--theme-muted);margin-top:4px}
.sf-sidebar-foot .sf-button{padding:13px 15px;font-size:12px;gap:12px}
.sf-side-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--theme-elevated);color:var(--theme-muted);flex-shrink:0}
.sf-body .sf-shell-header{max-width:none;margin:0;padding:18px 32px;min-height:82px;gap:24px;background:var(--theme-surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:65;display:flex;align-items:center}
.sf-location{font-size:13px;font-weight:650;line-height:1.35;min-width:105px}
.sf-shell-header .sf-header-search{max-width:560px;margin-left:auto;min-width:130px}
.sf-shell-header .sf-account-nav{flex-shrink:0;margin-left:auto;gap:15px}
.sf-menu-toggle,.sf-menu-close{display:none;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface);color:var(--ink);width:40px;height:40px;align-items:center;justify-content:center;padding:0;flex-shrink:0}
.sf-menu-close{font-size:28px;font-weight:400}
.sf-mobile-brand{display:none}
.sf-body .sf-main,.sf-body .sf-footer{width:calc(100% - 64px);max-width:1320px;margin-left:auto;margin-right:auto}
.sf-body .sf-footer{padding-left:0;padding-right:0}
.sf-main>*{min-width:0}
.sf-sidebar-backdrop{position:fixed;inset:0;background:var(--theme-elevated);backdrop-filter:blur(2px);z-index:100}
.sf-menu-open{overflow:hidden}
.sf-shell-header .sf-account-menu>div{z-index:95}
@media(min-width:1001px) and (max-width:1340px){.sf-hero{padding:40px 34px}.sf-hero h1{font-size:49px}.sf-hero-brands{min-width:0}.sf-location{display:none}.sf-shell-header .sf-header-search{margin-left:0}}
@media(max-width:1000px){
  .sf-body,.sf-body.sf-legacy{padding-left:0}
  .sf-sidebar{width:min(310px,calc(100vw - 48px));transform:translateX(-101%);visibility:hidden;transition:transform .22s ease;z-index:110;box-shadow:12px 0 45px var(--theme-shadow-color)}
  .sf-menu-open .sf-sidebar{transform:translateX(0);visibility:visible}
  .sf-menu-toggle,.sf-menu-close{display:inline-flex}
  .sf-mobile-brand{display:inline-flex;font-size:24px}
  .sf-location{display:none}
  .sf-body .sf-shell-header{gap:14px;padding:16px 24px;flex-wrap:wrap}
  .sf-shell-header .sf-account-nav{margin-left:auto}
  .sf-shell-header .sf-header-search{order:4;flex-basis:100%;max-width:none;margin-left:0}
  .sf-sidebar-brand{padding:24px 22px}
  .sf-sidebar .sf-side-link{min-height:47px;font-size:14px}
  .sf-body .sf-main,.sf-body .sf-footer{width:calc(100% - 48px)}
}
@media(max-width:600px){
  .sf-body{padding-bottom:0}
  .sf-body .sf-shell-header{padding:12px 18px;gap:12px;min-height:0}
  .sf-shell-header .sf-header-search{display:flex;padding-left:14px}
  .sf-shell-header .sf-header-search input{font-size:12px}
  .sf-shell-header .sf-account-nav{display:flex;font-size:12px}
  .sf-shell-header .sf-account-nav>a{display:flex}
  .sf-shell-header .sf-account-menu summary{font-size:11px;gap:5px}
  .sf-shell-header .sf-account-menu summary>svg{display:none}
  .sf-shell-header .sf-account-nav>a>svg{width:18px}
  .sf-mobile-brand{font-size:23px}
  .sf-body .sf-main,.sf-body .sf-footer{width:calc(100% - 36px)}
  .sf-account-menu>div{max-width:calc(100vw - 36px)}
  .sf-preview{font-size:10px;padding:8px 14px;line-height:1.5}
  .sf-body .sf-footer{padding-bottom:35px}
}
@media(prefers-reduced-motion:reduce){.sf-sidebar{transition:none}.sf-sidebar-backdrop{backdrop-filter:none}}
@media print{.sf-sidebar,.sf-sidebar-backdrop,.sf-shell-header{display:none!important}.sf-body{padding-left:0!important}.sf-body .sf-main{width:100%;margin:0}}