/* One floating navigation island shared by the public pages and form. */
body{--site-content-current:1160px;--site-gutter:40px;--island-inset:22px;--site-content-width:min(var(--site-content-current),calc(100vw - var(--site-gutter)*2));padding-top:110px}
body[data-page="home"]{--site-content-current:1320px;--island-inset:28px}
body[data-page="order"]{--site-content-current:1240px}
body[data-page="home"]{padding-top:0}
.site-header{
  box-sizing:border-box;
  position:fixed;
  z-index:300;
  top:10px;
  left:50%;
  width:calc(var(--site-content-width) + var(--island-inset)*2);
  min-height:72px;
  margin:0;
  padding:4px var(--island-inset);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  background:#fff;
  border:1px solid rgba(225,232,218,.85);
  border-radius:64px;
  box-shadow:0 14px 40px rgba(36,48,30,.12);
  transform:translateX(-50%);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,background-color .32s ease,border-color .32s ease;
  will-change:transform;
}
.site-header.is-hidden{transform:translate(-50%,calc(-100% - 24px))}
body[data-page="home"] .site-header{background:rgba(255,255,255,.84);border-color:rgba(32,37,31,.08);box-shadow:0 10px 30px rgba(36,48,30,.07);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
body[data-page="home"] .site-header.is-past-hero{background:rgba(255,255,255,.88);border-color:rgba(225,232,218,.72);box-shadow:0 10px 32px rgba(36,48,30,.1);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.site-mobile-create,.site-menu-toggle{display:none}
.site-logo{display:inline-flex;align-items:center;flex:none}
.site-logo picture{display:block;line-height:0}
.site-logo img{display:block;width:128px;height:48px;object-fit:contain}
.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;background:none;color:#355321;text-decoration:none;font-family:Nunito,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.2}
.site-header nav a:hover{text-decoration:underline}
.site-header nav a.account-cta{padding:8px 16px;border-radius:99px;background:#ffd265;color:#493710;text-align:center}
.site-header nav a.account-cta:hover{background:#f8c545;text-decoration:none}
.site-header nav a[hidden]{display:none}
.site-header a:focus-visible{outline:3px solid #52753b;outline-offset:4px}
body[data-page="order"] .account-bar,body[data-page="order"] .app-header .brand{display:none}
body[data-page="order"] .app-header,body[data-page="order"] .layout{width:var(--site-content-width);max-width:none;margin-left:auto;margin-right:auto}
body[data-page="order"] .layout{grid-template-columns:260px minmax(0,1fr);gap:40px}
body[data-page="order"] .app-header{gap:0}
body[data-page="order"] .header-copy{width:100%}
body[data-page="order"] .header-copy .eyebrow{font-family:Nunito,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#678e48}
.site-footer{display:flex;justify-content:center;gap:16px 24px;flex-wrap:wrap;padding:30px 20px;font-family:Nunito,Arial,sans-serif;font-size:14px}
.site-footer a{color:#52753b}
.account-main,.home-main{width:var(--site-content-width);max-width:var(--site-content-current)}
@media(max-width:1050px){body{--site-gutter:24px;--island-inset:12px}body[data-page="home"]{--island-inset:12px}}
@media(max-width:1100px){body[data-page="order"] .layout{grid-template-columns:210px minmax(0,1fr);gap:24px}}
@media(max-width:900px){body[data-page="order"] .layout{grid-template-columns:180px minmax(0,1fr);gap:20px}}
@media(max-width:720px){
 body{--site-gutter:16px;--island-inset:8px;padding-top:138px}
 body[data-page="home"]{padding-top:0}
 .site-header{top:8px;width:calc(var(--site-content-width) + var(--island-inset)*2);min-height:0;padding:7px var(--island-inset) 10px;gap:2px 8px;flex-wrap:wrap;justify-content:center;border-radius:23px}
 .site-logo img{width:56px;height:56px}
 .site-header nav{width:100%;justify-content:center;gap:3px 12px}
 .site-header nav a{min-height:34px;font-size:13px}
 .site-header nav a.account-cta{padding:6px 11px}
 body[data-page="order"] .app-header,body[data-page="order"] .layout{width:var(--site-content-width);margin-inline:auto}
}
/* Keep the form's compact step rail at the same breakpoint as mobile.css. */
@media(max-width:760px){
 body[data-page="order"] .layout{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:start}
 body[data-page="order"] .form-card{width:100%;min-width:0}
 body[data-page="order"].order-workspace .layout{display:block}
}
@media(max-width:380px){body[data-page="order"] .layout{grid-template-columns:40px minmax(0,1fr);gap:5px}}
@media(max-width:720px){
 body{padding-top:88px}
 body[data-page="home"]{--island-inset:8px;padding-top:0}
 .site-header{top:8px;min-height:52px;padding:5px 10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:16px;border-radius:999px}
 body[data-page="home"] .site-header{background:rgba(255,255,255,.9);border-color:rgba(225,232,218,.72);box-shadow:0 8px 24px rgba(36,48,30,.07);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
 .site-logo img{width:46px;height:38px}
 .site-header .site-mobile-create{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 1 155px;min-width:0;min-height:34px;margin-left:auto;padding:6px 12px;border-radius:999px;background:linear-gradient(65deg,#f3b72f,#ffd86b);color:#332b18;text-decoration:none;font:700 13px/1.2 Nunito,Arial,sans-serif;white-space:nowrap}
 .site-menu-toggle{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:34px;height:34px;padding:6px;border:0;border-radius:50%;background:transparent;color:#263126;cursor:pointer}
 .site-menu-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:currentColor}
 .site-menu-toggle:focus-visible{outline:3px solid #52753b;outline-offset:2px}
 .site-header nav{box-sizing:border-box;display:none;position:absolute;top:calc(100% + 8px);right:0;width:min(250px,calc(100vw - 32px));padding:12px;flex-direction:column;align-items:stretch;gap:4px;border:1px solid #e1e8da;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 32px rgba(36,48,30,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .site-header.menu-open nav{display:flex}
 .site-header nav a{justify-content:flex-start;min-height:40px;padding:8px 12px;font-size:14px}
 .site-header nav a[href='/order']{display:none}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

.site-header:focus-within{transform:translateX(-50%)}
@media print{body{padding-top:0}.site-header{display:none}}

/* Checkout focus: on the order form keep only the logo and account access. */
body[data-page="order"] .site-header nav > a:not(#sessionLink),
body[data-page="order"] .site-header .site-mobile-create,
body[data-page="order"] .site-header .site-menu-toggle { display: none !important; }
body[data-page="order"] .site-header nav { display: flex !important; position: static; background: none; box-shadow: none; padding: 0; border: 0 !important; border-radius: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-page="order"] .site-header { justify-content: space-between; }
body[data-page="order"] .site-header nav { width: auto !important; flex: 0 0 auto !important; margin-left: auto; }
body[data-page="order"] .site-header #sessionLink { width: auto !important; flex: 0 0 auto !important; }

/* Mobile: horizontal logo with breathing room, compact actions. */
@media(max-width:720px){
 .site-header{padding-left:16px !important;padding-right:8px !important}
 .site-logo img{width:auto !important;height:40px !important}
 .site-header .site-mobile-create{flex:0 0 auto !important;min-height:32px;padding:6px 14px;font-size:13px}
 body[data-page="order"] .site-header #sessionLink{min-height:32px !important;padding:6px 16px !important;font-size:13px !important}
}

/* Continue looks inactive until the step's required answers are complete;
   clicking still explains what is missing. */
body[data-page="order"] #nextBtn.is-incomplete,
body[data-page="order"] #top-nextBtn.is-incomplete{background:#e6e3dc !important;background-image:none !important;color:#8d877b !important;box-shadow:none !important;cursor:not-allowed}
.site-mobile-login{display:none}
@media(max-width:720px){
  body:not([data-page="order"]) .site-logo img{height:32px!important}
  .site-header{gap:8px!important}
  .site-header .site-mobile-create{padding:6px 12px!important;font-size:13px!important}
  .site-mobile-login{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:32px;padding:6px 12px;border-radius:999px;background:var(--brand-green-gradient,linear-gradient(65deg,#5e952c,#94ce5e));color:#fffcef;font:700 13px/1.2 Nunito,Arial,sans-serif;text-decoration:none;white-space:nowrap}
  body[data-page="order"] .site-mobile-login{display:none}
}
@media(max-width:370px){
  .site-header{gap:5px!important;padding-left:12px!important;padding-right:6px!important}
  body:not([data-page="order"]) .site-logo img{height:28px!important}
  .site-header .site-mobile-create,.site-mobile-login{padding:6px 10px!important;font-size:12.5px!important}
}
@media(min-width:721px){.site-header nav>a{order:1}.site-header nav #myOrdersNav{order:2}.site-header nav>a.create-button{order:3}.site-header nav #sessionLink{order:4}}