/* One browsing toolbar and a stable family grid; only the hovered watch changes colour. */
.collection-content .collection-tools{display:flex;position:relative;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0 0 36px;padding:10px 0;border-top:0;border-bottom:1px solid #d0d0d0;color:#000}
.collection-content .collection-tools .filter-nav{position:static;flex:1 1 auto;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:#000}
.collection-content .collection-tools .filter-nav__inner{width:auto;max-width:none;min-width:0;margin:0;padding:0;gap:0}
.collection-content .collection-tools .filter-nav__label{display:none}
.collection-content .collection-tools .filter-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0}
.collection-content .collection-tools .filter-nav__tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid transparent;background:transparent;color:#555;font-size:14px;line-height:22px;letter-spacing:0;text-transform:none;text-decoration:none}
.collection-content .collection-tools .filter-nav__tab[aria-current="page"]{border-color:#bbb;background:#fff;color:#000}
.collection-content .collection-tools .filter-nav__tab:hover{color:#000;border-color:#bbb;background:#f5f5f5}
.collection-content .collection-tools__disclosure{flex:0 0 auto;width:auto;max-width:100%;margin:0 0 0 auto;padding:0}
.collection-content .collection-tools__disclosure[open]{flex-basis:100%;display:grid;grid-template-columns:1fr;gap:0}
.collection-content .collection-tools__disclosure summary{padding:11px 0 11px 14px;min-height:44px;color:#000;font-size:14px;line-height:22px}
.collection-content .collection-tools__disclosure summary::marker{color:#000}
.collection-content .collection-tools__disclosure[open] summary{justify-self:end}
.collection-content .collection-tools__filter-state{font-size:12px;line-height:1.5;margin-top:3px;color:#555;max-width:32ch}
.collection-content .collection-tools__filters{display:flex;justify-content:flex-start;gap:16px 24px;margin:8px 0 10px;padding:16px 0 0;border-top:1px solid #e0e0e0}
.collection-content .collection-tools__filters>div{flex:0 1 220px}
.collection-content .collection-tools__filters select{width:100%;background:#fff;color:#000;border-color:#aaa}
.collection-content .collection-tools__clear{color:#000}
.collection-content .watch-family-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:56px 36px;align-items:start;width:100%;max-width:100%;margin:0;padding:0;overflow:visible;scroll-snap-type:none;list-style:none}
.collection-content .watch-family-grid>.family-panel{min-width:0;padding:0 0 24px;border-bottom:1px solid #ddd}
.collection-content .family-panel__heading{gap:12px;margin-bottom:12px}
.collection-content .family-panel__label{margin:0 0 20px}
.collection-content .family-panel__selection{padding:18px 0 8px}
.collection-content .family-panel__photo{position:relative;aspect-ratio:4/3;overflow:hidden}
/* Image translation and the gentle hover zoom use separate layers. The frame
   and material backdrop never move, and neither watch is made translucent. */
.collection-content .family-panel__watch-layer{position:relative;display:block;width:100%;height:100%;mix-blend-mode:multiply;transform:none;transition:none}
.collection-content .family-panel__photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;opacity:1;transform:none;transition:none}
.collection-content .family-panel__photo .family-panel__incoming{position:absolute;inset:0;pointer-events:none;transform:translateX(100%)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.collection-content .family-panel__watch-layer{transition:transform 320ms cubic-bezier(.2,.65,.3,1)}.collection-content .family-panel__photo:hover .family-panel__watch-layer{transform:scale(1.04)}}
.collection-content .family-panel__colours{margin-top:2px;flex-wrap:wrap;overflow:visible;touch-action:auto;user-select:none;-webkit-user-select:none}
.collection-content .family-panel__colours::-webkit-scrollbar{display:none;width:0;height:0}
.collection-content .family-panel__colours img{-webkit-user-drag:none}
.collection-content .family-panel__colours .family-colour{cursor:pointer}
.collection-content .family-panel__actions{gap:10px 12px;margin-top:20px}
.collection-content .family-panel__actions .quiet-action{padding-inline:18px}
.collection-content .watch-family-grid:focus-visible,.collection-content .collection-tools a:focus-visible{outline:2px solid #000;outline-offset:4px}
@media(min-width:768px){.collection-content .watch-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px}.collection-content .collection-tools{margin-bottom:44px}}
@media(min-width:1200px){.collection-content .watch-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 44px}}
@media(max-width:539px){.collection-content .collection-tools{gap:0 8px;margin-bottom:28px}.collection-content .collection-tools .filter-nav__list{gap:0}.collection-content .collection-tools .filter-nav__tab{padding-inline:10px;font-size:13px}.collection-content .collection-tools__disclosure summary{padding-left:8px;font-size:13px}.collection-content .collection-tools__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-content .collection-tools__filter-state{max-width:100%;font-size:11px}.collection-content .family-panel__heading h2{font-size:25px}.collection-content .family-panel__label{font-size:23px}}
@media(max-width:359px){.collection-content .collection-tools .filter-nav__tab{padding-inline:8px}.collection-content .collection-tools__filters{grid-template-columns:1fr}}

@media(forced-colors:active){.collection-content .collection-tools .filter-nav__tab[aria-current="page"]{border-color:Highlight;color:Highlight}.collection-content .watch-family-grid:focus-visible,.collection-content .collection-tools a:focus-visible{outline-color:Highlight}}