.mon-commerce button,.mon-commerce a{min-height:44px}.mon-commerce button:disabled{opacity:.5;cursor:not-allowed}.mon-commerce :focus-visible{outline:2px solid var(--sapphire);outline-offset:4px}.mon-commerce-notice{font:15px/1.6 var(--font-body);border:1px solid var(--line-strong);padding:16px;margin:20px 0;overflow-wrap:anywhere}.mon-purchase-layout{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.mon-reserve-preview{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#15171a,#060606 70%);display:flex;align-items:center;justify-content:center;min-width:0}.mon-reserve-preview img{max-width:74%;max-height:70vh;object-fit:contain;filter:drop-shadow(0 50px 70px rgba(0,0,0,.8))}.mon-reserve-caption{position:absolute;left:0;right:0;bottom:0;padding:clamp(28px,4vw,52px);text-align:center}.mon-reserve-caption .mon-display{font-size:clamp(1.2rem,2vw,1.6rem)}.mon-reserve-caption .mon-script{font-size:17px;margin-top:6px}.mon-reserve-config{background:var(--ink);display:flex;align-items:center;padding:clamp(110px,13vh,150px) clamp(24px,5vw,80px) 60px;min-width:0}.mon-reserve-config h1{font-size:clamp(1.4rem,2.4vw,2rem);margin-bottom:28px}.mon-reserve-steps{display:flex;gap:10px;margin-bottom:40px}.mon-reserve-steps>div{flex:1;border-top:2px solid var(--line);padding-top:8px;font:600 9px/1.5 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-faint)}.mon-reserve-steps .active{border-color:var(--txt);color:var(--txt-dim)}.mon-commerce-options{border:0;padding:0;margin:24px 0;min-width:0}.mon-commerce-options legend{font:600 10px var(--font-body);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.mon-commerce-options label{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);padding:18px 20px;margin-bottom:10px;cursor:pointer;font:16px/1.5 var(--font-body);color:var(--txt)}.mon-commerce-options label:has(input:checked){border-color:var(--txt);background:rgba(233,235,236,.04)}.mon-commerce-options input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--sapphire);font-size:16px}.mon-commerce-options small{display:block;font-size:13px;color:var(--txt-dim);margin-top:4px}.mon-reserve-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.mon-reserve-actions .solid{flex:1;justify-content:center}.mon-commerce-summary{border:1px solid var(--line);padding:12px 24px;margin:24px 0}.mon-commerce-summary>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0}.mon-commerce-summary>div:last-child{border:0}.mon-commerce-summary dt{font:11px/1.5 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--txt-faint)}.mon-commerce-summary dd{font:16px/1.5 var(--serif);margin:0;text-align:right}.mon-commerce-link{display:inline-flex;align-items:center;color:var(--txt-dim);font:13px var(--font-body);text-underline-offset:5px}
@media(max-width:760px){.mon-purchase-layout{grid-template-columns:1fr}.mon-reserve-preview{margin-top:88px;min-height:350px}.mon-reserve-preview img{width:230px;max-height:270px;align-self:flex-start}.mon-reserve-caption{padding:20px}.mon-reserve-config{padding:32px 24px 56px}.mon-reserve-config>div{max-width:none!important}.mon-reserve-actions .mon-btn{font-size:10px;letter-spacing:.12em;padding-left:16px;padding-right:16px}.mon-commerce-summary{padding:8px 16px}.mon-commerce-summary>div{flex-wrap:wrap}.mon-commerce .mon-grid-2{min-width:0}}
@media(max-width:600px){.mon-product-specs{grid-template-columns:minmax(0,1fr)!important}.mon-spec-row{gap:16px}.mon-spec-row>span:first-child{flex:0 0 38%}.mon-spec-row>span:last-child{min-width:0;flex:1;text-align:right}}
/* Unavailable variants are shown, disabled and labelled, before anyone picks them. */
.mon-commerce-options label.is-unavailable{opacity:.4;cursor:not-allowed}
.mon-commerce-options label.is-unavailable input{cursor:not-allowed}
.mon-commerce-change{background:none;border:0;padding:0 0 0 10px;min-height:0;font:inherit;font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:var(--sapphire);cursor:pointer;text-decoration:underline;text-underline-offset:4px}

/* Product page: gallery and buy column, the structure of the WooCommerce product page */
.mon-product-top{padding-top:clamp(104px,13vh,150px);padding-bottom:clamp(40px,6vw,84px)}
.mon-product-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,80px);align-items:start}
.mon-product-buy{position:sticky;top:110px;padding-top:clamp(0px,2vw,24px)}
.mon-gallery-stage{position:relative;aspect-ratio:1;background:var(--ink);overflow:hidden;touch-action:pan-y}
.mon-gallery-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:monGalleryIn .6s var(--ease-glide) both}
@keyframes monGalleryIn{from{opacity:0}to{opacity:1}}
.mon-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(6,6,6,.55);color:var(--txt);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .4s,background .3s}
.mon-gallery-arrow.prev{left:14px}
.mon-gallery-arrow.next{right:14px}
.mon-gallery-stage:hover .mon-gallery-arrow,.mon-gallery-arrow:focus-visible{opacity:1}
@media (hover:none){.mon-gallery-arrow{opacity:.85}}
.mon-gallery-count{position:absolute;bottom:14px;right:16px;font:500 10px/1 var(--font-body);letter-spacing:.2em;color:var(--txt-faint)}
.mon-gallery-thumbs{display:flex;gap:8px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mon-gallery-thumbs::-webkit-scrollbar{display:none}
.mon-gallery-thumbs button{flex:0 0 auto;width:clamp(56px,5.4vw,74px);aspect-ratio:1;padding:0;border:1px solid transparent;background:var(--ink);cursor:pointer;opacity:.5;transition:opacity .3s,border-color .3s}
.mon-gallery-thumbs button.is-on{opacity:1;border-color:var(--line-strong)}
.mon-gallery-thumbs button:hover{opacity:.9}
.mon-gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.mon-product-label{margin:30px 0 12px;font:600 10px/1 var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--txt-faint)}
.mon-product-dials{display:flex;gap:10px;flex-wrap:wrap}
.mon-product-dials button{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--txt-dim);font:600 10px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:border-color .3s,color .3s}
.mon-product-dials button.is-on{border-color:var(--txt-dim);color:var(--txt)}
.mon-product-dials button:disabled{opacity:.35;cursor:not-allowed}
.mon-product-dials .dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--line-strong)}
.mon-product-assure{list-style:none;padding:22px 0 0;margin:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.mon-product-assure li{display:flex;gap:10px;align-items:center;font:500 10px/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-dim)}
.mon-product-assure span{color:var(--sapphire);display:flex}
.mon-lume-stage{position:relative;max-width:min(620px,100%);margin:0 auto;aspect-ratio:792/768}
.mon-lume-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.1s var(--ease-glide)}
.mon-lume-stage img.is-on{opacity:1}
.mon-lume-toggle{display:flex;justify-content:center;gap:4px;margin:clamp(18px,3vw,30px) auto 0;padding:4px;width:max-content;border:1px solid var(--line-strong);border-radius:999px}
.mon-lume-toggle button{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:0;cursor:pointer;background:transparent;color:var(--txt-dim);font:600 9.5px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;transition:all .4s var(--ease-glide)}
.mon-lume-toggle button.is-on{background:var(--off-white);color:#0b0c0d}
@media (max-width:900px){
  .mon-product-grid{grid-template-columns:minmax(0,1fr)}
  .mon-product-buy{position:static;padding-top:0}
  .mon-product-top{padding-top:86px}
}

/* Final revision pass, 25 September 2026 */
/* Thumbnail strip: scrolls sideways, with arrows at the ends while there is more. */
.mon-gallery-strip{position:relative;margin-top:14px}
.mon-gallery-strip .mon-gallery-thumbs{margin-top:0;position:relative;scroll-behavior:auto;cursor:grab;user-select:none;-webkit-user-select:none}
.mon-gallery-strip .mon-gallery-thumbs:active{cursor:grabbing}
.mon-gallery-strip .mon-gallery-thumbs img{pointer-events:none}
.mon-gallery-strip-arrow{position:absolute;top:0;bottom:2px;z-index:2;width:38px;display:flex;align-items:center;justify-content:center;border:0;padding:0;color:var(--txt);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.mon-gallery-strip-arrow.prev{left:0;background:linear-gradient(90deg,var(--ink) 30%,rgba(6,6,6,0))}
.mon-gallery-strip-arrow.next{right:0;background:linear-gradient(270deg,var(--ink) 30%,rgba(6,6,6,0))}
.mon-gallery-strip.can-left .mon-gallery-strip-arrow.prev,.mon-gallery-strip.can-right .mon-gallery-strip-arrow.next{opacity:1;pointer-events:auto}
.mon-gallery-strip-arrow:focus-visible{outline:2px solid var(--sapphire);outline-offset:-2px}

/* The two ways forward on one line: the purchase, and a quieter showroom link. */
.mon-product-cta{display:flex;align-items:center;gap:10px 26px;flex-wrap:wrap;margin-top:32px}
.mon-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;color:var(--txt-dim);font:600 10px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;text-decoration:underline;text-decoration-color:rgba(233,235,236,.28);text-underline-offset:6px;transition:color .3s,text-decoration-color .3s;white-space:nowrap}
.mon-textlink:hover,.mon-textlink:focus-visible{color:var(--txt);text-decoration-color:var(--txt)}

/* Dial, Movement, Case, Bracelet: the photograph large and whole. */
.mon-product-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,80px);align-items:center}
.mon-product-detail.is-reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.mon-product-detail.is-reverse>:first-child{order:2}
.mon-product-detail-media{aspect-ratio:1;background:var(--ink)}
.mon-product-detail-media img{width:100%;height:100%;object-fit:contain;display:block}
.mon-product-detail-section{padding-top:clamp(40px,6vw,90px);padding-bottom:clamp(40px,6vw,90px)}

/* Specifications, last and quiet. */
.mon-product-specs.is-quiet .mon-spec-row{padding:11px 0}
.mon-product-specs.is-quiet .mon-spec-row span:last-child{font-size:15px !important;color:var(--txt-dim) !important}
@media (max-width:900px){
  .mon-product-detail,.mon-product-detail.is-reverse{grid-template-columns:minmax(0,1fr)}
  .mon-product-detail.is-reverse>:first-child{order:0}
  .mon-product-specs.is-quiet{grid-template-columns:1fr !important}
}
@media (max-width:480px){
  .mon-product-cta{flex-wrap:nowrap;gap:14px}
  .mon-product-cta .mon-btn{padding-left:16px;padding-right:16px;letter-spacing:.18em;white-space:nowrap;flex:0 1 auto}
  .mon-product-cta .mon-textlink{letter-spacing:.1em;font-size:9.5px;white-space:normal;text-align:left;line-height:1.5}
}
.mon-product-cta{flex-wrap:nowrap}
.mon-product-cta .mon-textlink{white-space:normal;text-align:left;line-height:1.5}
@media (min-width:901px) and (max-width:1180px){
  .mon-product-cta{gap:18px}
  .mon-product-cta .mon-btn{padding-left:22px;padding-right:22px;white-space:nowrap}
  .mon-product-cta .mon-textlink{letter-spacing:.14em}
}

/* ---- 0.1.56: the fog and Up close (28 September 2026) ---- */
/* Where a photograph is cut by its own frame, the cut fades into the page,
   as the black fog on the live product page does. Two gradients, intersected:
   one vertical for the fog, one horizontal so the photograph's own black
   never shows as a rectangle on the page's black. */
.mon-fog{
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--fog-top-end,0%),#000 var(--fog-start,70%),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--fog-side,4%),#000 calc(100% - var(--fog-side,4%)),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 0,#000 var(--fog-top-end,0%),#000 var(--fog-start,70%),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--fog-side,4%),#000 calc(100% - var(--fog-side,4%)),transparent 100%);
  mask-composite:intersect;
}
.mon-fog.is-both,.mon-fog.is-hotspot{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fog-top,16%),#000 var(--fog-start,72%),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--fog-side,4%),#000 calc(100% - var(--fog-side,4%)),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fog-top,16%),#000 var(--fog-start,72%),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--fog-side,4%),#000 calc(100% - var(--fog-side,4%)),transparent 100%);
}
.mon-fog.is-hotspot{--fog-top:6%;--fog-start:80%;--fog-side:3%}

/* Up close: the hotspot photograph. */
.mon-hotspots-section{padding-top:clamp(40px,6vw,90px);padding-bottom:clamp(30px,5vw,70px)}
.mon-hotspots{position:relative;max-width:760px;margin:0 auto;aspect-ratio:1}
.mon-hotspots>img{width:100%;height:100%;display:block;object-fit:contain}
.mon-hotspot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;z-index:1}
.mon-hotspot .dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#f3f4f4;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.45);transition:transform .35s var(--ease-glide),background .35s var(--ease-glide)}
.mon-hotspot .ring{position:absolute;width:24px;height:24px;border-radius:50%;border:1px solid rgba(243,244,244,.75);background:rgba(5,6,7,.28);transition:transform .45s var(--ease-glide),border-color .35s,background .35s}
.mon-hotspot:hover .ring,.mon-hotspot.is-on .ring,.mon-hotspot:focus-visible .ring{transform:scale(1.25);border-color:#f3f4f4;background:rgba(5,6,7,.5)}
.mon-hotspot.is-on .dot{transform:scale(.8)}
.mon-hotspot:focus-visible{outline:none}
.mon-hotspot:focus-visible .ring{box-shadow:0 0 0 2px var(--sapphire)}
@media (prefers-reduced-motion:no-preference){
  .mon-hotspot .ring{animation:mon-hotspot-breathe 3.6s var(--ease-glide) infinite}
  .mon-hotspot:nth-child(3n) .ring{animation-delay:1.2s}
  .mon-hotspot:nth-child(3n+1) .ring{animation-delay:2.4s}
  .mon-hotspot:hover .ring,.mon-hotspot.is-on .ring{animation:none}
}
@keyframes mon-hotspot-breathe{0%,100%{opacity:1}50%{opacity:.45}}
.mon-hotspot-note{position:absolute;z-index:2;width:250px;transform:translate(26px,-50%);padding:16px 18px;background:rgba(7,8,9,.94);border:1px solid var(--line-strong);pointer-events:none;animation:mon-note-in .35s var(--ease-glide)}
.mon-hotspot-note.is-left{transform:translate(calc(-100% - 26px),-50%)}
.mon-hotspot-note .k,.mon-hotspot-caption .k{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:8px}
.mon-hotspot-note p,.mon-hotspot-caption p{margin:0;font-family:var(--font-body);font-size:13px;line-height:1.6;color:var(--txt-dim)}
@keyframes mon-note-in{from{opacity:0}to{opacity:1}}
.mon-hotspot-caption{max-width:520px;margin:6px auto 0;min-height:88px;text-align:center;padding:0 8px}
.mon-hotspot-caption .hint{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-faint)}
@media (max-width:900px){.mon-hotspot{width:40px;height:40px;margin:-20px 0 0 -20px}}
/* The photographs' own black is a shade darker than the page. Lighten against
   the page's ink so the black of the photograph and the black of the page are
   one and the same, and nothing reads as a box. */
.mon-product-detail-media img,.mon-hotspots>img{mix-blend-mode:lighten}
.mon-hotspots{background:var(--ink)}

/* 0.1.57: the collection shows the product photographs of the live shop. Their
   black melts into the page's black. */
.mon-collection-photo{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}
/* Try it on / View in 3D, top left of the product photograph (0.1.57). */
.mon-gallery-chips{position:absolute;top:14px;left:16px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}
.mon-gallery-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;background:rgba(6,6,6,.58);backdrop-filter:blur(6px);border:1px solid var(--line-strong);color:var(--txt);font:600 9px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:border-color .3s,background .3s}
.mon-gallery-chip svg{color:var(--sapphire)}
.mon-gallery-chip:hover,.mon-gallery-chip:focus-visible{border-color:var(--txt);background:rgba(6,6,6,.8)}

/* Short laptop screens (0.1.69): the way in stays above the fold. */
@media (min-width:901px) and (max-height:820px){
  .mon-product-top{padding-top:96px}
  .mon-product-buy{top:92px;padding-top:0}
  .mon-product-buy .mon-chapter{margin-bottom:12px!important}
  .mon-product-label{margin:20px 0 10px}
  .mon-product-buy ul{margin-top:16px!important;gap:8px!important}
  .mon-product-cta{margin-top:22px}
}