.shop-cats{padding: 0;border: 0;background: var(--surface);color: var(--ink-2)} .shop-cats__roots{list-style: none;margin: 0;padding: 10px;background: var(--surface-2);border-right: 1px solid var(--hairline)} .shop-cats__root{display: flex;width: 100%;align-items: center;gap: 10px;min-height: 44px;padding: 8px 12px;border: 0;border-radius: 10px;background: none;color: var(--ink);font: inherit;font-weight: 500;text-align: left;cursor: pointer} .shop-cats__root .shop-cats__name{flex: 1;min-width: 0} .shop-cats__root:hover, .shop-cats__root[aria-expanded="true"]{background: var(--surface)} .shop-cats__root[aria-expanded="true"]{font-weight: 600} .shop-cats__next{display: none;color: var(--ink-muted)} .shop-cats__n{font-family: var(--font-mono);font-size: var(--shop-fs-xs);font-weight: 400;color: var(--ink-muted);font-feature-settings: 'tnum' 1;white-space: nowrap} .shop-cats__pane{padding: 16px 20px 20px} .shop-cats__pane[hidden]{display: none} .shop-cats__pane-title{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;margin: 0 0 8px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-cats__pane-title:focus:not(:focus-visible){outline: none} .shop-cats__list{list-style: none;margin: 0;padding: 0;columns: 3 200px;column-gap: 20px} .shop-cats__list a{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;min-height: 40px;padding: 9px 8px;border-radius: 8px;color: var(--ink);text-decoration: none;break-inside: avoid} .shop-cats__list a:hover{background: var(--surface-2)} .shop-cats__list a[aria-current], .shop-cats__all[aria-current]{color: var(--brand);font-weight: 600} .shop-cats__all{display: inline-flex;align-items: center;min-height: 44px;margin-top: 6px;color: var(--brand);font-weight: 600} .shop-cats__status{grid-column: 1 / -1;margin: 0;padding: 16px 20px;color: var(--ink-2)} .shop-cats__status:empty{display: none} .shop-cats.is-modal .shop-cats__status{padding: 16px 0} .shop-cats:not(.is-modal){position: absolute;z-index: 40;top: calc(100% + 6px);left: 0;right: 0;width: auto;max-width: none;max-height: calc(100vh - 190px);margin: 0;overflow: auto;border: 1px solid var(--hairline-2);border-radius: 16px;box-shadow: var(--shadow-lg)} .shop-cats:not(.is-modal)[open] .shop-cats__body{display: grid;grid-template-columns: minmax(220px, 280px) minmax(0, 1fr)} .shop-cats:not(.is-modal) .shop-cats__head, .shop-cats:not(.is-modal) .shop-cats__foot{display: none} .shop-cats.is-modal{width: 100%;max-width: none;height: 100%;max-height: none;margin: 0;background: var(--paper)} .shop-cats.is-modal[open]{display: flex;flex-direction: column} .shop-cats.is-modal::backdrop{background: rgba(11, 23, 32, 0.55)} .shop-cats__head{flex: none;display: flex;align-items: center;gap: 4px;min-height: 57px;padding: 6px 8px;border-bottom: 1px solid var(--hairline)} .shop-cats__title{margin: 0 auto 0 8px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-cats__back:not([hidden]) + .shop-cats__title{margin-left: 0} .shop-cats__back, .shop-cats__close{display: inline-flex;align-items: center;justify-content: center;gap: 4px;min-width: 44px;min-height: 44px;padding: 0 10px;border: 0;border-radius: 10px;background: none;color: var(--ink);font: inherit;font-weight: 500;cursor: pointer} .shop-cats__back[hidden]{display: none} .shop-cats__back:hover, .shop-cats__close:hover{background: var(--surface-2)} .shop-cats.is-modal .shop-cats__body{flex: 1;overflow: auto;overscroll-behavior: contain;padding: 0 16px 16px} .shop-cats.is-modal .shop-cats__roots{padding: 0;border: 0;background: none} .shop-cats.is-modal .shop-cats__root{min-height: 52px;padding: 8px 4px;border-bottom: 1px solid var(--hairline);border-radius: 0;background: none;font-weight: 500} .shop-cats.is-modal .shop-cats__next{display: block} .shop-cats.is-modal[data-level="1"] .shop-cats__pane, .shop-cats.is-modal[data-level="2"] .shop-cats__roots{display: none} .shop-cats.is-modal .shop-cats__pane{padding: 14px 0 0} .shop-cats.is-modal .shop-cats__list{columns: auto} .shop-cats.is-modal .shop-cats__list a{align-items: center;min-height: 48px;padding: 0 4px;border-bottom: 1px solid var(--hairline);border-radius: 0} .shop-cats__foot{flex: none;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));border-top: 1px solid var(--hairline);font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-cats__foot .shop-vat__opt{min-height: 44px} .shdr__site[aria-expanded="true"], .shdr__cats[aria-expanded="true"]{background: var(--surface-2)} .shdr__site[aria-expanded="true"] .shdr__caret{transform: rotate(180deg);color: var(--accent)} .site-menu{padding: 0 16px 24px;border: 0;background: var(--paper);color: var(--ink-2)} .site-menu.is-modal{width: 100%;max-width: none;height: 100%;max-height: none;margin: 0} .site-menu.is-modal::backdrop{background: rgba(11, 23, 32, .55)} .site-menu__head{display: flex;align-items: center;height: 56px;margin: 0 -16px 12px;padding: 0 16px;border-bottom: 1px solid var(--hairline)} .site-menu__close{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;margin-left: auto;border: 0;border-radius: 10px;background: none;color: var(--ink);cursor: pointer} .site-menu__home{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 11px;background: var(--surface-2);color: var(--ink);font-weight: 600;text-decoration: none} .site-menu__home .shop-ico{color: var(--accent)} .site-menu small{margin-left: auto;color: var(--ink-muted);font-family: var(--font-mono);font-size: var(--shop-fs-xs);font-weight: 400} .site-menu ul{margin: 0;padding: 0;list-style: none} .site-menu__eyebrow{display: block;padding: 12px 14px 4px;color: var(--accent-ink);font-family: var(--font-mono);font-size: var(--shop-fs-xs);letter-spacing: .12em;text-transform: uppercase;text-decoration: none} a.site-menu__link{display: block;padding: 11px 14px;border-radius: 10px;color: var(--ink);font-weight: 500;text-decoration: none} a.site-menu__link:hover, .site-menu__tool:hover{background: var(--surface-2)} .site-menu__link span{display: none;color: var(--ink-muted);font-size: var(--shop-fs-sm);font-weight: 400} .site-menu__col2{margin-top: 6px;border-top: 1px solid var(--hairline)} .site-menu__foot{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin-top: 8px;padding-top: 16px;border-top: 1px solid var(--hairline)} .site-menu__tool{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 12px;border: 1px solid var(--hairline-2);border-radius: 12px;background: none;color: var(--ink-2);font: inherit;font-size: var(--shop-fs-sm);text-decoration: none;white-space: nowrap;cursor: pointer} .site-menu__tool span .shop-ico{margin-right: 8px;vertical-align: -4px} .site-menu__phone{grid-column: 1 / -1} .site-menu__phone small{margin-left: 0} .site-menu__support{display: none} .shop-cats__quick ul{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 12px 16px 4px;list-style: none} .shop-cats__quick a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 14px;border: 1px solid var(--hairline-2);border-radius: 999px;color: var(--ink);font-weight: 500;text-decoration: none} .shop-cats:not(.is-modal) .shop-cats__quick, .shop-cats[data-level="2"] .shop-cats__quick{display: none} @media (min-width: 1024px){.shdr .shop-cats:not(.is-modal){left: 28px;right: 28px} .site-menu{position: absolute;z-index: 40;top: calc(100% + 6px);left: 18px;width: 700px;margin: 0;padding: 10px;border: 1px solid var(--hairline-2);border-radius: 16px;background: var(--surface);box-shadow: var(--shadow-lg)} .site-menu__head{display: none} .site-menu__cols{display: grid;grid-template-columns: 1.35fr 1fr;gap: 6px;padding: 8px 0 6px} a.site-menu__link{padding: 8px 14px} .site-menu__link span{display: block;margin-top: 2px} .site-menu__col2{margin: 0;padding-left: 6px;border-top: 0;border-left: 1px solid var(--hairline)} .site-menu__foot{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 4px;padding: 12px 4px 4px} .site-menu__tool{min-height: 40px;border-color: transparent} .site-menu__support{display: inline-flex;border-color: var(--hairline-2)} .site-menu__foot .btn{margin-left: auto}} .shop-zoom{display: block;cursor: zoom-in} .shop-zoom:not(:has(img)){cursor: auto} html.shop-locked.shop-zoom-open{scrollbar-gutter: auto} .shop-zoom-dialog{position: fixed;inset: 0;width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;padding: 12px 16px 16px;border: 0;background: transparent;color: var(--ink);overscroll-behavior: contain} .shop-zoom-dialog[open]{display: grid;grid-template-rows: auto minmax(0, 1fr);gap: 12px} .shop-zoom-dialog::backdrop{background: #0b1720eb;} .shop-zoom-dialog [hidden]{display: none} .shop-zoom-dialog__bar{display: flex;flex-wrap: wrap;align-items: center;gap: 12px} .shop-zoom-dialog__note{flex: 1 1 100%;margin: 0;padding: 6px 12px;border-radius: 8px;background: var(--paper);color: var(--ink-muted);font-size: var(--shop-fs-sm)} .shop-zoom-dialog__note strong{color: var(--ink)} .shop-zoom-dialog__count{margin: 0 auto 0 0;padding: 4px 12px;border-radius: 999px;background: var(--paper);font-size: var(--shop-fs-sm);font-variant-numeric: tabular-nums} .shop-zoom-dialog__close{margin-left: auto;min-width: 44px;min-height: 44px;padding: 0 18px;border: 1px solid var(--hairline-2);border-radius: 999px;background: var(--paper);color: var(--ink);font: inherit;font-weight: 600;cursor: pointer} .shop-zoom-dialog__figure{display: flex;align-items: center;justify-content: center;min-height: 0;margin: 0;touch-action: pan-y pinch-zoom} .shop-zoom-dialog__img{display: block;width: 100%;height: 100%;object-fit: contain} .shop-zoom-dialog__figure .shop-img--placeholder{width: min(480px, 100%)} .shop-zoom-dialog__nav{position: absolute;top: 50%;display: grid;place-items: center;width: 48px;height: 48px;margin-top: -24px;padding: 0;border: 1px solid var(--hairline-2);border-radius: 50%;background: var(--paper);color: var(--ink);cursor: pointer} .shop-zoom-dialog__nav--prev{left: 16px} .shop-zoom-dialog__nav--next{right: 16px} .shop-zoom-dialog__close:hover, .shop-zoom-dialog__nav:hover{border-color: var(--ink)} .shop-alert:focus-visible, .shop-ok:focus-visible{outline: 2px solid var(--ink);outline-offset: 2px} .shop-choice--check input:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px} .shop-field.is-invalid:has(.shop-choice--check input:focus-visible){border-radius: 4px;outline: 2px solid var(--accent);outline-offset: 6px} .shop-sort select option{background-color: var(--surface);color: var(--ink)}