.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)}