html[data-skin=wondernook]{--color-bg:#fef8ec;--color-surface:#fff;--color-text:#1f2430;--color-muted:#5c6472;--color-primary:#1f66c2;--color-primary-text:#fff;--color-accent:#c04a12;--radius:1.25rem;--font-heading:"Baloo 2", ui-rounded, ui-sans-serif, system-ui, sans-serif;--font-body:"Nunito", ui-sans-serif, system-ui, sans-serif}[data-skin=wondernook] h1,[data-skin=wondernook] h2,[data-skin=wondernook] h3{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:700;line-height:1.1}[data-skin=wondernook] .button-primary{letter-spacing:0;text-transform:none;box-shadow:0 14px 28px -16px color-mix(in srgb, var(--color-primary) 78%, transparent);border-radius:999px;padding-inline:1.7rem;font-weight:700;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}[data-skin=wondernook] .button-primary:hover{box-shadow:0 20px 36px -16px color-mix(in srgb, var(--color-primary) 80%, transparent);transform:translateY(-2px)}[data-skin=wondernook] .button-secondary{border-color:color-mix(in srgb, var(--color-primary) 32%, transparent);letter-spacing:0;border-radius:999px;padding-inline:1.7rem;font-weight:700}[data-skin=wondernook] .theme-surface{border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:var(--radius);box-shadow:0 18px 40px -30px color-mix(in srgb, var(--color-primary) 55%, transparent)}[data-skin=wondernook] .theme-surface img,[data-skin=wondernook] article img{object-fit:contain;background:#f2f6fc}[data-skin=wondernook] .wondernook-rail{box-shadow:0 18px 40px -28px color-mix(in srgb, var(--color-primary) 60%, transparent);background:#f2f6fc;border-radius:1.5rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}[data-skin=wondernook] .group:hover .wondernook-rail{box-shadow:0 26px 50px -26px color-mix(in srgb, var(--color-primary) 64%, transparent);transform:translateY(-4px)}@media (width>=1024px){[data-skin=wondernook] .wondernook-plp--has-rail{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}[data-skin=wondernook] .wondernook-plp-rail{border:1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);background:var(--color-surface);box-shadow:0 18px 40px -32px color-mix(in srgb, var(--color-primary) 55%, transparent);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-primary) 28%, transparent) transparent;scrollbar-gutter:stable;border-radius:1.25rem;max-height:calc(100dvh - 3rem);padding:1.25rem 1.25rem 1.5rem;position:sticky;top:1.5rem;overflow-y:auto}[data-skin=wondernook] .wondernook-plp-rail::-webkit-scrollbar{width:6px}[data-skin=wondernook] .wondernook-plp-rail::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:999px}[data-skin=wondernook] .wondernook-plp-rail:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 42%, transparent)}[data-skin=wondernook] .wondernook-plp-rail:focus-within::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 42%, transparent)}html.storefront-js[data-skin=wondernook] [data-filter-managed]{display:flex}html.storefront-js[data-skin=wondernook] [data-filter-toggle]{display:none}}[data-skin=wondernook] .wondernook-plp-rail [data-filter-inline]{border-top:0;flex-direction:column;align-items:stretch;gap:1.25rem;margin-top:0;padding-top:0}[data-skin=wondernook] .wondernook-plp-rail [data-filter-groups]{flex-direction:column;gap:1.25rem;display:flex}[data-skin=wondernook] .wondernook-plp-rail .filter-group{flex-direction:column;align-items:flex-start;gap:.55rem}