.nav-skeleton{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:998;overflow-y:auto;animation:nav-skeleton-fade-in .12s ease-out}.nav-skeleton__inner{max-width:1440px;margin:0 auto;padding:clamp(80px,10vw,120px) clamp(16px,4vw,48px) 48px}.nav-skeleton__pdp{display:grid;grid-template-columns:1fr;gap:32px}@media only screen and (max-width:768px){.nav-skeleton__pdp{grid-template-columns:1.1fr 1fr;gap:48px}}.nav-skeleton__pdp-image{aspect-ratio:1/1;width:100%;border-radius:12px}.nav-skeleton__pdp-info{display:flex;flex-direction:column;gap:16px}.nav-skeleton__collection{display:flex;flex-direction:column;gap:24px}.nav-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media only screen and (max-width:768px){.nav-skeleton__grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media only screen and (max-width:1024px){.nav-skeleton__grid{grid-template-columns:repeat(4,1fr)}}.nav-skeleton__recipe{display:flex;flex-direction:column;gap:16px}.nav-skeleton__recipe-hero{aspect-ratio:16/9;width:100%;border-radius:12px}.nav-skeleton__generic{display:flex;flex-direction:column;gap:16px}@keyframes nav-skeleton-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.nav-skeleton{animation:none}}