.dots.has-btn{gap: 6px;padding-inline-start: 0}.dots.has-btn .dot{margin-inline-start: 0}.dot-btn{position: relative;z-index: 2;padding: 0;cursor: pointer}.dot-btn::after{content: "";position: absolute;inset: -4px}.dot-btn[aria-pressed="true"]{box-shadow: 0 0 0 2px var(--primary)}.pcard.is-recolored .pimg-alt{display: none}.pcard-tools{position: absolute;z-index: 2;inset-block-end: 8px;inset-inline-end: 8px;display: flex;gap: 6px}.wish, .cmp{position: relative;display: grid;place-items: center;width: 34px;height: 34px;padding: 0;border: 1px solid var(--border);border-radius: 50%;background: color-mix(in srgb, var(--card) 92%, transparent);color: var(--fg);cursor: pointer}.wish::after, .cmp::after{content: "";position: absolute;inset: -5px}.wish:hover, .cmp:hover{border-color: var(--primary);color: var(--primary)}.wish .ic, .cmp .ic{width: 18px;height: 18px}.wish .on, .wish[aria-pressed="true"] .off{display: none}.wish[aria-pressed="true"] .on{display: block}.wish[aria-pressed="true"]{color: var(--heart);border-color: var(--heart)}.cmp[aria-pressed="true"]{background: var(--primary);border-color: var(--primary);color: var(--on-primary)}.cmp-bar{position: fixed;z-index: 65;inset-inline: 12px;inset-block-end: calc(var(--tab) + env(safe-area-inset-bottom) + 10px);display: flex;align-items: center;gap: 12px;max-width: 520px;margin-inline: auto;padding: 10px 14px;border: 1px solid var(--border);border-radius: 999px;background: var(--card);box-shadow: 0 8px 28px rgba(0, 0, 0, .18)}.cmp-bar[hidden]{display: none}.cmp-count{flex: 1;font-weight: 700;font-size: .9rem}.cmp-bar .btn{height: 38px;padding-inline: 18px}body.is-pdp .cmp-bar{inset-block-end: calc(84px + env(safe-area-inset-bottom))}@media (min-width: 768px){body.is-pdp .cmp-bar{inset-block-end: 20px}}@media (min-width: 1024px){.cmp-bar{inset-block-end: 20px}}.pager{margin-block-start: 28px}@keyframes heart-pop{0%{transform: scale(.7)}55%{transform: scale(1.28)}100%{transform: scale(1)}}.wish[aria-pressed="true"] .ic.on{animation: heart-pop .32s ease-out;transform-box: fill-box;transform-origin: center}.pcard:active{transform: scale(.992)}.pager[hidden]{display: none}.pager ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 0;padding: 0;list-style: none}.pager a, .pager .gap{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;height: 44px;padding-inline: 12px;border-radius: 12px;font-weight: 800}.pager a{border: 1px solid var(--border);background: var(--card);color: var(--fg)}.pager a:hover{border-color: var(--primary);color: var(--primary)}.pager a[aria-current="page"]{background: var(--primary);border-color: var(--primary);color: var(--on-primary)}.pager .gap{color: var(--muted-fg)}.share{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin-block-start: 14px;font-size: .85rem}.share-title{display: inline-flex;align-items: center;gap: 6px;margin-inline-end: 4px;color: var(--muted-fg);font-weight: 700}.share-title .ic{width: 18px;height: 18px}.share-btn{display: inline-flex;align-items: center;gap: 6px;min-height: 36px;padding: 6px 14px;border: 1px solid var(--border);border-radius: 999px;background: var(--card);color: var(--fg);font: inherit;font-weight: 700;cursor: pointer}.share-btn:hover{border-color: var(--primary);color: var(--primary)}.share-btn[hidden]{display: none}.share-btn .ic{width: 16px;height: 16px}.scarce{margin: 0 0 10px;padding: 8px 12px;border-radius: var(--r-md, 10px);background: color-mix(in srgb, var(--danger) 10%, var(--card));border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border));color: var(--fg);font-size: .875rem;font-weight: 700}.scarce[hidden]{display: none}.fit{margin-block: 4px 12px}.fit-note{margin: 0 0 6px;font-size: .85rem;color: var(--muted-fg)}.fit-form{display: grid;gap: 8px;margin-block-start: 8px;padding: 14px 16px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.fit-form label{font-weight: 700;font-size: .9rem}.fit-form .fit-check{display: flex;align-items: center;gap: 8px;font-weight: 400}.fit-out{display: grid;gap: 6px}.fit-out p{margin: 0}.fit-size{font-size: 1.05rem;font-weight: 800;color: var(--primary)}@keyframes added{0%{transform: scale(1)}35%{transform: scale(.96)}100%{transform: scale(1)}}.js-add.is-added{animation: added .5s ease}@media (prefers-reduced-motion: reduce){.js-add.is-added{animation: none}}.pdp-tools{display: flex;flex-wrap: wrap;gap: 8px;margin-block-start: 14px}.pdp-tool{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 6px 16px;border: 1px solid var(--border);border-radius: 999px;background: var(--card);color: var(--fg);font: inherit;font-weight: 700;font-size: .875rem;cursor: pointer}.pdp-tool:hover{border-color: var(--primary);color: var(--primary)}.pdp-tool .ic{width: 18px;height: 18px}.pdp-tool .on, .pdp-tool[aria-pressed="true"] .off{display: none}.pdp-tool[aria-pressed="true"] .on{display: block}[data-wish][aria-pressed="true"].pdp-tool{color: var(--heart);border-color: var(--heart)}[data-cmp][aria-pressed="true"].pdp-tool{background: var(--primary);border-color: var(--primary);color: var(--on-primary)}.spin-btn{position: absolute;z-index: 2;inset-block-end: 10px;inset-inline-start: 10px;display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 6px 14px;border: 1px solid var(--border);border-radius: 999px;background: rgba(255, 255, 255, .94);color: #18181b;box-shadow: 0 1px 6px rgba(0, 0, 0, .18);font: inherit;font-weight: 800;font-size: .875rem;cursor: pointer}.spin-btn[hidden]{display: none}.spin-btn:hover{border-color: var(--primary)}.spin-btn:focus-visible{outline: 3px solid var(--ring);outline-offset: 2px}.spin-btn .ic{width: 18px;height: 18px}.spin{width: min(96vw, 760px);max-height: 96vh;padding: 0;border: 0;border-radius: var(--r-lg);background: #fff;color: #18181b;overflow: hidden}.spin[open]{display: grid;gap: 8px}.spin::backdrop{background: rgba(0, 0, 0, .84)}.spin .lb-close{inset-block-start: 10px;inset-inline-end: 10px}.spin-stage{display: grid;place-items: center;background: #fff;cursor: grab;touch-action: pan-y;user-select: none;-webkit-user-select: none;outline-offset: -3px}.spin-stage.is-drag{cursor: grabbing}.spin-stage:focus-visible{outline: 3px solid var(--ring)}.spin-img{display: block;width: auto;height: auto;max-width: 100%;max-height: 72vh;pointer-events: none}.spin-range{width: calc(100% - 32px);margin-inline: 16px}.spin-bar{display: flex;align-items: center;gap: 12px;padding: 0 16px 14px;min-height: 40px}.spin-play{min-height: 36px;padding: 4px 14px;border: 1px solid var(--border);border-radius: 999px;background: #fff;color: #18181b;font: inherit;font-weight: 700;font-size: .85rem;cursor: pointer}.spin-play[hidden]{display: none}.spin-status{margin: 0;color: #52525b;font-size: .85rem}