@layer components{.st-shop__layout{display:grid;grid-template-columns:1fr;gap:var(--st-shop-sidebar-gap,var(--st-space-md));align-items:start}.st-shop__content{min-inline-size:0}.st-shop__head{min-inline-size:0;margin-block-end:var(--st-space-md)}.st-shop__head .st-breadcrumb{min-inline-size:0;max-inline-size:100%}.st-shop-sidebar{display:flex;flex-direction:column;gap:var(--st-space-sm)}.st-shop-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-xs)}.st-shop-sidebar__title{margin:0;font-size:var(--st-font-size-md);font-weight:var(--st-font-weight-semibold);color:var(--st-fg)}.st-shop-sidebar__body{display:flex;flex-direction:column;gap:var(--st-space-md)}.st-shop-sidebar__close{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;padding:0;border:0;border-radius:var(--st-radius-sm);background:transparent;color:var(--st-fg-muted);font-size:1.5rem;line-height:1;cursor:pointer}.st-shop-sidebar__close:hover{background:var(--st-hover-bg);color:var(--st-fg)}.st-shop-sidebar__close:focus-visible{outline:2px solid var(--st-focus-ring);outline-offset:-1px}.st-shop-sidebar__toggle{display:inline-flex;align-items:center;gap:var(--st-space-1);margin-block-end:var(--st-space-sm);padding-inline:var(--st-space-sm);padding-block:var(--st-space-xs);border:1px solid var(--st-border);border-radius:var(--st-radius-md);background:var(--st-bg);color:var(--st-fg);font:inherit;font-weight:var(--st-font-weight-semibold);cursor:pointer}.st-shop-sidebar__toggle:focus-visible{outline:2px solid var(--st-focus-ring);outline-offset:-1px}.st-shop-sidebar-backdrop{position:fixed;inset:0;z-index:1040;background:var(--st-bg-overlay);opacity:0;visibility:hidden;transition:opacity var(--st-duration-slow) var(--st-ease-standard),visibility 0s linear var(--st-duration-slow)}.st-shop-sidebar-backdrop[data-st-open="true"]{opacity:1;visibility:visible;transition:opacity var(--st-duration-slow) var(--st-ease-standard),visibility 0s linear 0s}body[data-st-sidebar-open]{position:fixed;inset-inline:0;inset-block-start:var(--st-scroll-y,0);inline-size:100%;overflow:hidden}@media (max-width:63.99em){.st-shop__head .st-breadcrumb{overflow-x:auto;scrollbar-width:none}.st-shop__head .st-breadcrumb::-webkit-scrollbar{display:none}.st-shop-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:1050;inline-size:min(20rem,90vw);padding-block:calc(var(--st-space-md) + env(safe-area-inset-top,0px)) calc(var(--st-space-md) + env(safe-area-inset-bottom,0px));padding-inline:calc(var(--st-space-md) + env(safe-area-inset-left,0px)) var(--st-space-md);overflow-y:auto;overscroll-behavior:contain;background:var(--st-bg);-webkit-tap-highlight-color:transparent;transform:translate3d(-100%,0,0);visibility:hidden;transition:transform var(--st-duration-slow) var(--st-ease-exit),visibility 0s linear var(--st-duration-slow)}.st-shop-sidebar[data-st-open="true"]{transform:translate3d(0,0,0);visibility:visible;transition:transform var(--st-duration-slow) var(--st-ease-enter),visibility 0s linear 0s}.st-shop-sidebar__toggle{min-block-size:2.75rem;-webkit-tap-highlight-color:transparent}.st-shop-sidebar__close{inline-size:2.75rem;block-size:2.75rem}}@media (min-width:64em){.st-shop__layout--left{grid-template-columns:var(--st-shop-sidebar-width,16rem) 1fr}.st-shop__layout--right{grid-template-columns:1fr var(--st-shop-sidebar-width,16rem)}.st-shop__layout--right .st-shop-sidebar{order:2}.st-shop-sidebar{position:sticky;inset-block-start:var(--st-space-md);max-block-size:calc(100dvh - var(--st-space-md) * 2);overflow-y:auto}.st-shop-sidebar__body{padding-block-start:var(--st-space-2)}.st-shop-sidebar[data-st-overflow="hover"]{scrollbar-width:thin;scrollbar-color:transparent transparent}.st-shop-sidebar[data-st-overflow="hover"]:hover,.st-shop-sidebar[data-st-overflow="hover"]:focus-within{scrollbar-color:var(--st-border) transparent}.st-shop-sidebar[data-st-overflow="hover"]::-webkit-scrollbar{inline-size:var(--st-space-1)}.st-shop-sidebar[data-st-overflow="hover"]::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--st-radius-sm)}.st-shop-sidebar[data-st-overflow="hover"]:hover::-webkit-scrollbar-thumb,.st-shop-sidebar[data-st-overflow="hover"]:focus-within::-webkit-scrollbar-thumb{background:var(--st-border)}.st-shop-sidebar[data-st-overflow="off"]{max-block-size:none;overflow:visible}.st-shop-sidebar[data-st-sticky="off"]{position:static;max-block-size:none;overflow:visible}.st-shop-sidebar__toggle,.st-shop-sidebar__header,.st-shop-sidebar-backdrop{display:none}body[data-st-sidebar-open]{position:static;overflow:visible}}}