/* Pages / One page. In page view only the current page's sections show; before the script picks a page, the
   Featured page shows so nothing flashes.
   Plain selectors only (no :is() or :not() lists): the built-in browsers in Instagram, Facebook and other apps can run
   older engines that drop a whole rule they don't understand, which left the site as one long page there. */
html.pg main>.pg-off,
html.pg:not(.pg-ready) main>section:not(#home):not(#approvals):not(#delivery):not(#included),
html.pg:not(.pg-ready) main>form.app{display:none!important}
html.pg main.pg-in>section:not(.pg-off),html.pg main.pg-in>form.app:not(.pg-off){animation:pgIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes pgIn{from{opacity:0;transform:translateY(14px)}}
html:not(.pg) .pg-bar{display:none}

/* Switch in the header */
.lay{display:inline-flex;padding:3px;border-radius:30px;border:1px solid #d9b96f66;background:#ffffff08}
.lay button{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:0;border-radius:30px;background:none;color:#e8e3d7;font:700 13px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.lay button:hover{color:#fff;background:#d9b96f1f}
.lay button[aria-pressed=true]{background:linear-gradient(145deg,#f3dc9e,#c9a24f);color:#111;box-shadow:0 3px 10px #d9b96f40}
.lay svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html[data-theme=day] .lay button[aria-pressed=true]{filter:invert(1) hue-rotate(180deg)}
@media(max-width:640px){.lay button{padding:7px 9px}.lay span{display:none}}

/* End of page note under the content */
.pg-bar{padding:40px 0 44px;border-top:1px solid #d9b96f44;background:linear-gradient(180deg,#0d0f13,#08090c);text-align:center}
.pg-of{display:block;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pg-end{display:block;margin-top:8px;font-size:22px;color:#fff}
.pg-bar p{margin:8px 0 18px;font-size:17px;color:#cfd4da}
.pg-go{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.pg-go .btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}
.pg-go .btn[hidden]{display:none}
.pg-go i{font-style:normal;font-weight:900;font-size:18px}
.pg-go span{display:flex;flex-direction:column;gap:3px;text-align:left}
.pg-next span{text-align:right}
.pg-go small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pg-go b{font-size:17px}
@media(max-width:700px){.pg-go{flex-direction:column;align-items:stretch}.pg-go .btn{justify-content:center}.pg-go span,.pg-next span{text-align:center}}

@media(prefers-reduced-motion:reduce){html.pg main.pg-in>*{animation:none!important}}
/* Copy of the switch inside the fold-out menu on tablets and phones; on the smallest phones it replaces the header one */
.lay-m{display:none}
@media(max-width:1100px){
.navlinks .lay-m{display:flex;grid-column:1/-1;margin-top:4px}
.lay-m button{flex:1;justify-content:center;padding:12px}
.lay-m span{display:inline}
}
@media(max-width:420px){.nav-side>.lay{display:none}}