/* Anchor the controls just below the square photo, before the title. */
.gear-destination-has-previews{position:relative}
.gear-destination-pagination{position:absolute;z-index:2;top:0;left:0;width:100%;aspect-ratio:1;box-sizing:border-box;pointer-events:none}
.gear-destination-dots{position:absolute;top:100%;left:50%;transform:translateX(-50%);height:24px;display:flex;align-items:center;justify-content:center;max-width:calc(100% - 8px);padding:0 4px;box-sizing:border-box;background:none;pointer-events:auto}
.gear-page .gear-destination-dot{display:grid;place-items:center;flex:0 0 28px;width:28px;height:24px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:inherit;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* Keep sibling titles aligned even when one destination has only one photo. */
.gear-page #gear-main :is(.gear-category-tiles,.gear-collection-grid):has(>.gear-destination-has-previews)>.gear-primary-category .gear-destination-link .gear-collection-copy{padding-top:32px}
.gear-destination-dot::before{content:"";display:block;width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.78);transition:width .13s ease,background-color .13s ease,opacity .13s ease}
.gear-destination-dot[aria-pressed=true]::before{width:12px;background:#63b6ff}
.gear-destination-dot.is-distant::before{width:4px;height:4px;opacity:.65}
.gear-destination-dot:hover,.gear-destination-dot:active{background:transparent;box-shadow:none;transform:none}
.gear-destination-dot:focus-visible{outline:2px solid #8ecbff;outline-offset:-3px}
.gear-destination-dot[hidden]{display:none}
@media(max-width:480px){.gear-page .gear-destination-dot{flex-basis:24px;width:24px}.gear-destination-dots{padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.gear-destination-dot::before{transition:none}}

/* Product section dots reuse navigation gestures and sit in normal flow. */
.te-product-card .gear-product-pagination{position:relative;aspect-ratio:auto;height:24px;flex:0 0 24px}
.te-product-card .gear-product-pagination .gear-destination-dots{top:0}
.te-product-card [data-range-dot-controls]>:is([data-card-photo-prev],[data-card-photo-next]){display:none}
.te-product-card:has(>.gear-product-pagination)>.te-product-card-content{padding-top:10px}