/* CH Watch 0.16.18 – isolated component; no global theme overrides. */
.chwatch{--chw-ink:#202020;--chw-muted:#6e7075;--chw-line:#e2e2e2;--chw-soft:#f8f8f7;color:var(--chw-ink);margin:1.4rem 0;font-family:inherit}
.chwatch *{box-sizing:border-box}
.chwatch [hidden]{display:none!important}
.chwatch button{font:inherit;cursor:pointer}
.chwatch button:disabled{cursor:not-allowed;opacity:.52}
.chwatch-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#7a7a7a}
.chwatch-inline{background:#fff;border:1px solid var(--chw-line);padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center}
.chwatch-inline.is-previewing{grid-template-columns:74px minmax(0,1fr) auto}
.chwatch-inline__thumb{width:74px;height:88px;object-fit:contain;grid-row:1/3;grid-column:1;justify-self:center;align-self:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:2px;padding:3px}
.chwatch-inline.is-previewing .chwatch-inline__copy{grid-column:2}
.chwatch-inline.is-previewing .chwatch-open{grid-column:3}
.chwatch-inline.is-previewing .chwatch-inline__status{grid-column:2/-1!important}
.chwatch-inline:not(.is-previewing) .chwatch-inline__copy{grid-column:1}
.chwatch-inline:not(.is-previewing) .chwatch-open{grid-column:2}
.chwatch-inline:not(.is-previewing) .chwatch-inline__status{grid-column:1/-1!important}
.chwatch-inline__copy{display:flex;flex-direction:column;gap:4px}.chwatch-inline__copy strong{font-weight:650;font-size:18px}.chwatch-inline__copy>span:last-child{font-size:13px;color:var(--chw-muted)}
.chwatch-inline__status{grid-column:1/-1;color:var(--chw-muted);font-size:13px;min-height:1em}
.chwatch-inline--empty{display:flex;flex-direction:column;align-items:start;color:var(--chw-muted)}
.chwatch-open,.chwatch-primary{background:#151515!important;color:white!important;border:1px solid #151515!important;min-height:46px;padding:10px 18px;border-radius:2px;white-space:normal}
.chwatch-open:hover,.chwatch-primary:hover{background:#393939!important}
.chwatch-open span{padding-left:9px}
.chwatch-dialog{border:0!important;padding:0!important;margin:auto!important;background:#fff!important;color:var(--chw-ink)!important;box-shadow:0 20px 80px rgba(0,0,0,.24);width:min(1440px,100vw)!important;max-width:100vw!important;max-height:100dvh!important;overflow:hidden!important;border-radius:0!important}
.chwatch-dialog::backdrop{background:rgba(14,14,14,.76)}
.chwatch-dialog[open]{display:block}
.chwatch-panel{height:min(930px,100dvh);display:flex;flex-direction:column;min-height:0}
.chwatch-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--chw-line);padding:17px 24px}
.chwatch-header h2{font-size:clamp(18px,2.15vw,25px)!important;font-family:inherit!important;font-weight:600!important;line-height:1.25!important;letter-spacing:0!important;margin:4px 0 0!important}
.chwatch-close{padding:0!important;appearance:none;line-height:1!important;vertical-align:middle;border:1px solid var(--chw-line)!important;background:white!important;border-radius:50%;font-size:32px!important;font-weight:300!important;color:#222!important;line-height:1!important;width:44px;height:44px;display:flex!important;align-items:center!important;justify-content:center!important;flex:none}
.chwatch-close:hover{background:#f2f2f2!important}
.chwatch-materials{flex:0 0 auto;display:flex;justify-content:center;overflow-x:auto;white-space:nowrap;gap:clamp(14px,3vw,42px);padding:7px 16px 0;border-bottom:1px solid var(--chw-line);scrollbar-width:thin}
.chwatch-materials button{border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;padding:17px 0 15px!important;color:#6c6e72!important;letter-spacing:.11em;font-size:12px!important;text-transform:uppercase!important;min-height:48px}
.chwatch-materials button[aria-selected=true]{border-color:#222!important;color:#111!important;font-weight:700!important}
.chwatch-dialog button:focus-visible,.chwatch-choice:focus-within{outline:2px solid #176fb6!important;outline-offset:3px!important}
.chwatch-content{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);min-height:0;background:#fff}
.chwatch-stage{position:relative;min-height:0;padding:16px 24px 28px;display:grid;grid-template-columns:minmax(215px,275px) minmax(0,1fr);align-items:center;gap:12px;background:white}
.chwatch-stage__watch{height:100%;min-height:250px;max-height:580px;display:flex;align-items:center;justify-content:center;position:relative}
.chwatch-watch-photo{width:100%;height:100%;max-height:550px;object-fit:contain;display:block}
.chwatch-stage__placeholder{color:#777;text-align:center;padding:35px}
.chwatch-stage__side{align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:275px;min-width:0}
.chwatch-stage__pair{position:relative;display:grid;place-items:center;width:100%;min-height:390px;overflow:hidden}
.chwatch-stage__pair img{grid-area:1/1;display:block;max-width:100%;width:100%;height:auto;max-height:385px;object-fit:contain;transform:scale(1.7);transform-origin:center center;transition:opacity .16s ease}
.chwatch-stage__pair [data-chwatch-pair-bottom]{opacity:0;pointer-events:none;background:#fff}
.chwatch-stage__pair.has-reverse{cursor:zoom-in}
@media (hover:hover) and (pointer:fine){
  .chwatch-stage__pair.has-reverse:hover [data-chwatch-pair-bottom]{opacity:1}
  .chwatch-stage__pair.has-reverse:hover [data-chwatch-pair-top]{opacity:0}
}
.chwatch-stage__pair:focus-within [data-chwatch-pair-bottom],.chwatch-stage__pair:active [data-chwatch-pair-bottom]{opacity:1}
.chwatch-stage__pair:focus-within [data-chwatch-pair-top],.chwatch-stage__pair:active [data-chwatch-pair-top]{opacity:0}
.chwatch-stage__side.is-empty{visibility:hidden}
.chwatch-stage__side>span{font-size:10px;color:#777;text-align:center;letter-spacing:.08em;text-transform:uppercase}
.chwatch-stage__side>small{font-size:10px;color:#9a9a9a;text-align:center;line-height:1.35;min-height:1.35em}
.chwatch-compose{position:relative;height:100%;width:100%;max-width:520px;max-height:520px;margin:auto;isolation:isolate}
/* SINN's transparent strap/case layers share one 384x595 canvas.
   Never stack the pieces vertically: place all on exactly the same canvas. */
.chwatch-compose img{position:absolute;inset:0;display:block!important;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none}
.chwatch-compose [data-chwatch-compose-top],.chwatch-compose [data-chwatch-compose-bottom]{z-index:1}
.chwatch-compose [data-chwatch-compose-head]{z-index:2}
.chwatch-stage__nav{position:absolute;top:50%;left:30px;right:22px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}
.chwatch-stage__nav button{padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto;width:44px;height:44px;border:1px solid #e5e5e5!important;border-radius:50%;background:#fff!important;color:#111!important;font-size:28px!important;font-weight:300!important;line-height:1}
.chwatch-stage__nav button:hover{background:#f2f2f2!important}
.chwatch-stage__hint{position:absolute;left:20px;right:20px;bottom:5px;font-size:11px;color:#888;text-align:center;margin:0!important}
.chwatch-picker{border-left:1px solid var(--chw-line);display:flex;flex-direction:column;min-height:0;background:#fbfbfa}
.chwatch-picker__heading{padding:18px 21px 10px}.chwatch-picker__heading p{color:#777;font-size:12px;margin:6px 0 0}
.chwatch-grid{overflow-y:auto;padding:4px 17px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;min-height:0}
.chwatch-choice{background:#fff;border:1px solid #dedede;border-radius:2px;min-width:0;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;margin:0;transition:border-color .1s,box-shadow .1s;text-align:center}
.chwatch-choice:hover{border-color:#888}.chwatch-choice.is-selected{border:2px solid #111;box-shadow:0 0 0 1px #111;padding:9px}
.chwatch-choice[hidden]{display:none!important}
.chwatch-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.chwatch-choice__media{width:100%;height:106px;display:grid;place-items:center;overflow:hidden}
.chwatch-choice__media img{height:100%;width:100%;object-fit:contain}
/* Front image is the default; the genuine SINN lower/rear layer appears only on hover-capable devices. */
.chwatch-choice__media{position:relative}
.chwatch-choice__media .chwatch-choice__reverse{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;background:#fff;transition:opacity .14s ease}
.chwatch-choice__flip-hint{position:absolute;left:3px;right:3px;bottom:0;padding:3px 1px;font-size:10px;line-height:1.2;color:#333;background:rgba(255,255,255,.93);opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine){
  .chwatch-choice:hover .chwatch-choice__reverse{opacity:1}
  .chwatch-choice:hover .chwatch-choice__flip-hint{opacity:1}
}
/* Keyboard users get the same visual alternative without making touch selection a hover toggle. */
.chwatch-choice:focus-within .chwatch-choice__reverse{opacity:1}
.chwatch-choice:focus-within .chwatch-choice__flip-hint{opacity:1}
@media (prefers-reduced-motion:reduce){.chwatch-choice__media .chwatch-choice__reverse,.chwatch-stage__pair img{transition:none}}.chwatch-choice__name{font-weight:600;font-size:12px;line-height:1.35;min-height:34px;overflow-wrap:anywhere}
.chwatch-choice__price{font-size:12px;color:#777}.chwatch-no-image{font-size:11px;color:#888}
.chwatch-footer{flex:0 0 auto;border-top:1px solid var(--chw-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto) auto;gap:15px 24px;align-items:center;padding:16px 22px 18px;background:#fff}
.chwatch-footer__selection,.chwatch-footer__price{display:flex;flex-direction:column;gap:4px;min-width:0}
.chwatch-footer__selection strong{font-size:14px;line-height:1.32}.chwatch-footer__selection small,.chwatch-footer__price small{font-size:11px;color:#888}
.chwatch-footer__price span{font-size:12px;color:#666}.chwatch-footer__price strong{font-size:21px;font-weight:700;white-space:nowrap}
.chwatch-footer__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}
.chwatch-secondary{border:1px solid #aaa!important;background:white!important;color:#222!important;min-height:46px;padding:10px 17px;border-radius:2px!important}
.chwatch-error,.chwatch-alert{color:#8b2c17;background:#fff1eb;padding:10px;font-size:13px;margin:0}.chwatch-error{grid-column:1/-1}
@media(min-width:1100px){.chwatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chwatch-stage{grid-template-columns:minmax(225px,280px) minmax(0,1fr)}}
@media(max-width:890px){.chwatch-content{grid-template-columns:minmax(0,1fr)}.chwatch-stage{min-height:275px;height:35dvh;max-height:350px;padding:6px 22px 22px;grid-template-columns:minmax(95px,130px) minmax(0,1fr)}.chwatch-stage__watch{min-height:0;max-height:310px}.chwatch-stage__side{max-width:130px}.chwatch-stage__pair{min-height:155px}.chwatch-stage__pair img{max-height:185px;transform:scale(1.45)}.chwatch-picker{border-left:0;border-top:1px solid var(--chw-line)}.chwatch-picker__heading{padding:9px 15px}.chwatch-grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:10px;padding:8px 14px 14px;min-height:170px}.chwatch-choice{width:148px;min-width:148px;min-height:152px}.chwatch-choice__media{height:73px}.chwatch-choice__name{min-height:30px}.chwatch-footer{grid-template-columns:1fr auto}.chwatch-footer__actions{grid-column:1/-1;justify-content:stretch}.chwatch-footer__actions button{flex:1}}
@media(max-width:560px){.chwatch-inline{grid-template-columns:1fr}.chwatch-open{width:100%}.chwatch-dialog{width:100vw!important}.chwatch-panel{height:100dvh}.chwatch-header{padding:12px 13px}.chwatch-header h2{font-size:17px!important}.chwatch-close{width:36px;height:36px;font-size:28px!important}.chwatch-materials{justify-content:flex-start;gap:24px;padding:0 15px}.chwatch-materials button{padding:12px 0!important;font-size:11px!important}.chwatch-stage{height:31dvh;min-height:215px;grid-template-columns:108px minmax(0,1fr);padding:4px 12px 20px}.chwatch-stage__side{max-width:108px}.chwatch-stage__pair{min-height:135px}.chwatch-stage__pair img{max-height:155px;transform:scale(1.45)}.chwatch-stage__nav{left:4px;right:5px}.chwatch-stage__nav button{width:34px;height:34px;font-size:23px!important}.chwatch-stage__hint{font-size:9px;left:9px;right:9px}.chwatch-picker__heading{padding:7px 12px 0}.chwatch-grid{min-height:145px;padding:7px 12px}.chwatch-choice{min-width:125px;width:125px;min-height:142px;padding:6px}.chwatch-choice.is-selected{padding:5px}.chwatch-choice__media{height:60px}.chwatch-choice__name{font-size:11px}.chwatch-choice__price{font-size:11px}.chwatch-footer{padding:10px 12px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chwatch-footer__price{align-items:flex-end;text-align:right}.chwatch-footer__selection strong{font-size:12px}.chwatch-footer__price strong{font-size:15px}.chwatch-footer__price small{font-size:9px}.chwatch-footer__actions button{min-height:40px;padding:8px 6px;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.chwatch *{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.chwatch-inline.is-previewing{grid-template-columns:62px minmax(0,1fr)}.chwatch-inline__thumb{width:62px;height:76px}.chwatch-inline.is-previewing .chwatch-open{grid-column:1/-1;width:100%}.chwatch-inline.is-previewing .chwatch-inline__status{grid-column:1/-1!important}}
@media(max-width:560px){.chwatch-inline.is-previewing{grid-template-columns:58px minmax(0,1fr)}.chwatch-inline__thumb{width:58px;height:72px}.chwatch-inline.is-previewing .chwatch-inline__copy{grid-column:2}.chwatch-inline.is-previewing .chwatch-open{grid-column:1/-1}}

/* Precise icon geometry avoids glyph baseline shift for close and arrows. */
.chwatch-close svg,.chwatch-stage__nav button svg{width:20px;height:20px;display:block;flex:none;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.chwatch-close svg{width:22px;height:22px}
@media(max-width:560px){.chwatch-close svg{width:18px;height:18px}.chwatch-stage__nav button svg{width:17px;height:17px}}

/* Modal scroll containment: the dimmed shop must never scroll behind the dialog. */
html.chwatch-scroll-locked,body.chwatch-scroll-locked{overflow:hidden!important;overscroll-behavior:none!important}
.chwatch-dialog{overscroll-behavior:contain!important}
.chwatch-stage,.chwatch-stage__side,.chwatch-stage__watch{overscroll-behavior:contain}
.chwatch-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (hover:none) and (pointer:coarse){.chwatch-stage{touch-action:pan-x}}