/*
 * DialByDay Collections — showroom Studio palette v0.8.50.
 * Style-only skin: no changes to layout, catalog, pricing or checkout logic.
 * Reference-derived six-swatch Studio palette: charcoal #191D1E, slate #3B507D, navy #102250, espresso #322421, antique gold #AD946B and ivory #DAD3C1.
 * Loaded after Her and Together styles, scoped exclusively to Collection Studio.
 */
body.collection-studio-page{
  --showroom-onyx:#191D1E;
  --showroom-night:#102250;
  --showroom-panel:#172C48;
  --showroom-timber:#322421;
  --showroom-walnut:#4A352D;
  --showroom-walnut-light:#6D5439;
  --showroom-brass:#AD946B;
  --showroom-ivory:#DAD3C1;
  --showroom-muted:#C8C1B3;
  --showroom-line:rgba(173,148,107,.34);
  background:var(--showroom-onyx);
  color:var(--showroom-ivory);
}
body.collection-studio-page .site-shell{background:var(--showroom-onyx);color:var(--showroom-ivory)}
body.collection-studio-page .site-header{
  background:linear-gradient(105deg,#191D1E 0%,#142946 55%,#191D1E 100%);
  border-color:rgba(173,148,107,.23);
  box-shadow:0 8px 26px rgba(0,0,0,.22);
}
body.collection-studio-page .site-header .brand-logo{filter:brightness(0) invert(1)}
body.collection-studio-page .site-nav{
  background:#102250;
  border-color:var(--showroom-line);
}
body.collection-studio-page .site-nav a{color:var(--showroom-ivory)}
body.collection-studio-page .site-nav a:hover{color:var(--showroom-brass)}
body.collection-studio-page .menu-toggle span{background:var(--showroom-ivory)}
body.collection-studio-page .site-header .header-action{
  background:transparent;color:var(--showroom-ivory);border-color:var(--showroom-brass);
}
body.collection-studio-page .site-header .header-action:hover{
  background:var(--showroom-brass);color:#102250;
}
body.collection-studio-page .site-footer{
  background:#191D1E;color:var(--showroom-ivory);
  border-top:1px solid var(--showroom-line);
}
body.collection-studio-page .site-footer a{color:var(--showroom-ivory)}
body.collection-studio-page .site-footer a:hover{color:var(--showroom-brass)}
body.collection-studio-page .footer-bottom{border-color:var(--showroom-line)}

/* The existing Studio page structure remains untouched. */
body.collection-studio-page .studio[data-collection-studio]{
  --paper:#191D1E;
  --cream:#142946;
  --ink:#DAD3C1;
  --deep:#102250;
  --muted:#C8C1B3;
  --line:rgba(173,148,107,.28);
  --accent-ink:#AD946B;
  --copper:#AD946B;
  --studio-warm:#AD946B;
  --studio-radius:10px;
  color:var(--showroom-ivory);
  background:
    radial-gradient(ellipse 52% 460px at 50% 5%,rgba(173,148,107,.26),transparent 94%),
    radial-gradient(ellipse 42% 550px at 92% 35%,rgba(50,36,33,.16),transparent 93%),
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 20%,transparent 80%,rgba(0,0,0,.14)),
    linear-gradient(180deg,#102250 0%,#191D1E 44%,#102250 100%);
}
body.collection-studio-page .studio .studio-intro h1,
body.collection-studio-page .studio .studio-section-label h2,
body.collection-studio-page .studio .studio-style-heading,
body.collection-studio-page .studio .studio-feature h3,
body.collection-studio-page .studio .studio-facet__heading h3,
body.collection-studio-page .studio .studio-box-heading h2,
body.collection-studio-page .studio .studio-empty h3,
body.collection-studio-page .studio .studio-preview-details summary{
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-kicker,
body.collection-studio-page .studio .studio-style-heading,
body.collection-studio-page .studio .studio-section-label h2>span,
body.collection-studio-page .studio .studio-feature-style,
body.collection-studio-page .studio .studio-detail-filters__intro>span{
  color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-preview-tag{
  background:#1D3150;
  border-color:var(--showroom-line);
  color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-breadcrumb,
body.collection-studio-page .studio .studio-section-label p,
body.collection-studio-page .studio .studio-results-bar p,
body.collection-studio-page .studio .studio-catalog-footnote,
body.collection-studio-page .studio .studio-preview-details,
body.collection-studio-page .studio .studio-detail-filters__intro>p,
body.collection-studio-page .studio .studio-facet__heading>span{
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-size{border-color:var(--showroom-line)}
body.collection-studio-page .studio .studio-size-option{
  background:linear-gradient(145deg,#1B3150 0%,#102250 100%);
  color:var(--showroom-ivory);
  border-color:rgba(173,148,107,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 17px rgba(0,0,0,.18);
}
body.collection-studio-page .studio .studio-size-option:hover{
  background:linear-gradient(135deg,#322421,#191D1E);
  border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-size-option[aria-pressed="true"]{
  background:linear-gradient(130deg,#3B507D,#142946 75%);
  color:var(--showroom-ivory);
  border-color:var(--showroom-brass);
  box-shadow:0 0 0 1px var(--showroom-brass),0 8px 25px rgba(0,0,0,.28),inset 0 0 35px rgba(173,148,107,.1);
}
body.collection-studio-page .studio .studio-size-option__price,
body.collection-studio-page .studio .studio-size-option__copy strong{
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-size-option__price small,
body.collection-studio-page .studio .studio-size-option__copy small{
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-size-option__photo{
  background:radial-gradient(ellipse at 50% 35%,#604631 0%,#322421 67%,#191D1E 100%);
  box-shadow:inset 0 0 0 1px rgba(173,148,107,.26),inset 0 10px 19px rgba(0,0,0,.16);
}
body.collection-studio-page .studio .studio-radio{
  border-color:var(--showroom-brass);
  background:transparent;
}
body.collection-studio-page .studio .studio-size-option[aria-pressed="true"] .studio-radio{
  background:var(--showroom-brass);
  border-color:var(--showroom-ivory);
  box-shadow:inset 0 0 0 3px #322421;
}

/* Jeweler's tray treatment for existing filters; no sizing changes. */
body.collection-studio-page .studio .studio-search,
body.collection-studio-page .studio .studio-strap-select select{
  color:var(--showroom-ivory);
  background:#142946;
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-search input,
body.collection-studio-page .studio .studio-search input[type="search"]{
  color:var(--showroom-ivory);
  background:transparent;
}
body.collection-studio-page .studio .studio-search input::placeholder{color:#C8C1B3;opacity:1}
body.collection-studio-page .studio .studio-search svg{stroke:var(--showroom-brass)}
body.collection-studio-page .studio .studio-style-filters button,
body.collection-studio-page .studio .studio-facet__choices button{
  background:linear-gradient(155deg,#213656,#142946);
  color:var(--showroom-ivory);
  border-color:rgba(173,148,107,.25);
  box-shadow:0 3px 13px rgba(0,0,0,.18);
}
body.collection-studio-page .studio .studio-style-filters button:hover,
body.collection-studio-page .studio .studio-facet__choices button:hover{
  background:linear-gradient(150deg,#322421,#213656);
  color:var(--showroom-ivory);
  border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"],
body.collection-studio-page .studio .studio-facet__choices button[aria-pressed="true"]{
  background:linear-gradient(155deg,#3B507D,#142946);
  color:var(--showroom-ivory);
  border-color:var(--showroom-brass);
  box-shadow:0 0 0 1px var(--showroom-brass),0 8px 20px rgba(0,0,0,.3);
}
body.collection-studio-page .studio .studio-style-name,
body.collection-studio-page .studio .studio-facet-option__name,
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-name{
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-style-count,
body.collection-studio-page .studio .studio-facet-option__count{
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-style-image,
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-image,
body.collection-studio-page .studio .studio-facet-option__art{
  background:
    radial-gradient(ellipse at 50% 23%,rgba(173,148,107,.37),transparent 59%),
    repeating-linear-gradient(89deg,rgba(173,148,107,.08) 0 1px,rgba(0,0,0,0) 2px 10px),
    linear-gradient(110deg,#322421,#614936 49%,#322421);
  border-color:rgba(173,148,107,.36);
  box-shadow:inset 0 0 0 1px rgba(173,148,107,.22),inset 0 -9px 12px rgba(0,0,0,.32);
}
body.collection-studio-page .studio .studio-style-image .studio-watch-art{
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.57));
}
body.collection-studio-page .studio .studio-detail-filters{
  background:linear-gradient(145deg,#182D48,#102250);
  border-color:var(--showroom-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body.collection-studio-page .studio .studio-facet--strap,
body.collection-studio-page .studio .studio-facet--dial,
body.collection-studio-page .studio .studio-preview-details{
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-facet-option[aria-pressed="true"]::after{
  background:var(--showroom-brass);color:#191D1E;
}
body.collection-studio-page .studio .studio-facet-option.is-unavailable:not([aria-pressed="true"]){
  background:#191D1E;
  border-style:dashed;
}
body.collection-studio-page .studio .studio-facet-option.is-unavailable .studio-facet-option__count{
  color:#C8C1B3;
}
body.collection-studio-page .studio .studio-brand-emblem{
  background:radial-gradient(circle at 38% 26%,#AD946B,#322421 84%);
  color:var(--showroom-ivory);
  border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-replace-notice,
body.collection-studio-page .studio .studio-edit-notice,
body.collection-studio-page .studio .studio-pair-added,
body.collection-studio-page .studio .studio-notice{
  background:linear-gradient(135deg,#322421,#182D48);
  border-color:var(--showroom-line);
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-edit-notice p,
body.collection-studio-page .studio .studio-edit-notice a{color:var(--showroom-ivory)}
body.collection-studio-page .studio .studio-edit-notice a:hover{color:var(--showroom-brass)}
body.collection-studio-page .studio .studio-quiet-button,
body.collection-studio-page .studio .studio-feature-details{
  color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-quiet-button:hover,
body.collection-studio-page .studio .studio-feature-details:hover{color:var(--showroom-ivory)}

/* Display niche: espresso grain, muted-gold light bar, velvety navy shadows. */
body.collection-studio-page .studio .studio-carousel{
  background:#191D1E;border-color:var(--showroom-line);
  box-shadow:0 14px 35px rgba(0,0,0,.25);
}
body.collection-studio-page .studio .studio-carousel-stage{
  border-color:var(--showroom-line);
  background:
    linear-gradient(90deg,transparent 16%,rgba(173,148,107,.8) 32%,rgba(194,171,132,.94) 50%,rgba(173,148,107,.8) 68%,transparent 84%) center 18px / 70% 2px no-repeat,
    radial-gradient(ellipse 70% 58% at 50% 22%,rgba(173,148,107,.3),transparent 88%),
    linear-gradient(180deg,rgba(0,0,0,.44),transparent 25%,transparent 72%,rgba(0,0,0,.57)),
    repeating-linear-gradient(89deg,rgba(173,148,107,.065) 0 1px,transparent 3px 13px),
    linear-gradient(115deg,#322421,#614936 50%,#322421);
  box-shadow:inset 0 0 0 6px #191D1E,inset 0 0 0 8px rgba(173,148,107,.22),inset 0 25px 40px rgba(0,0,0,.35);
}
body.collection-studio-page .studio .studio-carousel-selection .studio-primary,
body.collection-studio-page .studio .studio-primary{
  background:linear-gradient(115deg,#C2AB84,#AD946B);
  border-color:#C2AB84;
  color:#191D1E;
  text-shadow:none;
}
body.collection-studio-page .studio .studio-primary:hover,
body.collection-studio-page .studio .studio-carousel-selection .studio-primary:hover{
  background:linear-gradient(115deg,#DAD3C1,#C2AB84);
  border-color:#DAD3C1;
  color:#191D1E;
}
body.collection-studio-page .studio .studio-feature-add.is-in-box{
  background:#102250;border-color:#AD946B;color:#DAD3C1;
}
body.collection-studio-page .studio .studio-feature-add.is-in-box:hover{
  background:#3B507D;color:#DAD3C1;
}
body.collection-studio-page .studio .studio-carousel-arrow{
  background:rgba(25,29,30,.78);
  color:var(--showroom-ivory);
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-carousel-arrow:not(:disabled):hover{
  background:#3B507D;
  border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-carousel-position,
body.collection-studio-page .studio .studio-carousel-eyebrow,
body.collection-studio-page .studio .studio-carousel-help{
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-carousel-progress{background:rgba(173,148,107,.24)}
body.collection-studio-page .studio .studio-carousel-progress>span{background:var(--showroom-brass)}
body.collection-studio-page .studio .studio-carousel-selected{
  background:#102250;
  border-color:var(--showroom-brass);
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-carousel-visual>.studio-watch-art{
  filter:drop-shadow(5px 13px 9px rgba(0,0,0,.6));
}
body.collection-studio-page .studio .studio-feature{
  background:linear-gradient(115deg,#1B3150,#322421 55%,#1B3150);
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-feature-style{color:var(--showroom-brass)}
body.collection-studio-page .studio .studio-feature h3{color:var(--showroom-ivory)}
body.collection-studio-page .studio .studio-feature-style>span,
body.collection-studio-page .studio .studio-feature-specs{border-color:var(--showroom-line)}
body.collection-studio-page .studio .studio-feature-description,
body.collection-studio-page .studio .studio-feature-specs dt{color:var(--showroom-muted)}
body.collection-studio-page .studio .studio-feature-specs dd{color:var(--showroom-ivory)}

/* Original box geometry, inserts and sizes remain unchanged. */
body.collection-studio-page .studio .studio-box-panel,
body.collection-studio-page .studio .studio-mobile-box{
  background:linear-gradient(153deg,#322421 0%,#102250 57%,#102250 100%);
  color:var(--showroom-ivory);
  border:1px solid var(--showroom-line);
  box-shadow:0 14px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(173,148,107,.07);
}
body.collection-studio-page .studio .studio-box-heading h2,
body.collection-studio-page .studio .studio-mobile-box-heading h2,
body.collection-studio-page .studio .studio-box-price strong{color:var(--showroom-ivory)}
body.collection-studio-page .studio .studio-box-heading>[data-box-count]{
  background:#3B507D;border:1px solid var(--showroom-brass);
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-box-price,
body.collection-studio-page .studio .studio-box-progress,
body.collection-studio-page .studio .studio-box-note{border-color:var(--showroom-line)}
body.collection-studio-page .studio .studio-box-progress{background:#322421}
body.collection-studio-page .studio .studio-box-progress span{background:var(--showroom-brass)}
body.collection-studio-page .studio .studio-box-hint,
body.collection-studio-page .studio .studio-box-price span,
body.collection-studio-page .studio .studio-box-price small,
body.collection-studio-page .studio .studio-box-note,
body.collection-studio-page .studio .studio-box-meta>span,
body.collection-studio-page .studio .studio-mobile-box-summary p,
body.collection-studio-page .studio .studio-mobile-box-heading>span{
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-box-panel .studio-primary,
body.collection-studio-page .studio .studio-mobile-box .studio-primary{
  background:linear-gradient(115deg,#C2AB84,#AD946B);
  border-color:#C2AB84;
  color:#191D1E;
}
body.collection-studio-page .studio .studio-box-panel .studio-primary:hover,
body.collection-studio-page .studio .studio-mobile-box .studio-primary:hover{
  background:#C2AB84;border-color:#C2AB84;color:#191D1E;
}
body.collection-studio-page .studio .studio-topdown-box{
  /* Keep exact compartment geometry; use warmer walnut grain on the rim. */
  background:
    linear-gradient(135deg,#191D1E,#1B3150 58%,#191D1E) padding-box,
    repeating-linear-gradient(3deg,#322421 0,#614936 2px,#322421 4px,#614936 7px) border-box;
}
body.collection-studio-page .studio .studio-topdown-stage[data-tray-size="1"] .studio-topdown-box{
  background:linear-gradient(135deg,#191D1E,#1B3150,#191D1E) padding-box,linear-gradient(110deg,#102250,#3B507D 45%,#191D1E) border-box;
}
body.collection-studio-page .studio .dbd-box-scene__controls button{
  background:#1B3150;color:var(--showroom-ivory);
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .dbd-box-scene__controls button:hover{
  background:#3B507D;color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-review-overhead{
  background:#142946;
  border:1px solid var(--showroom-line);
}

/* Consistent boutique treatment for the existing watch-detail and review dialogs. */
body.collection-studio-page .studio .studio-dialog{
  background:#1B3150;color:var(--showroom-ivory);
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-dialog::backdrop{
  background:rgba(16,34,80,.85);
}
body.collection-studio-page .studio .studio-dialog-close{
  background:#213656;color:var(--showroom-ivory);
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-dialog-close:hover{background:#3B507D}
body.collection-studio-page .studio .studio-dialog h2,
body.collection-studio-page .studio .studio-dialog dd,
body.collection-studio-page .studio .studio-review-row strong{
  color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-detail-art{
  background:
    radial-gradient(ellipse at 50% 24%,rgba(173,148,107,.4),transparent 74%),
    repeating-linear-gradient(90deg,rgba(173,148,107,.06) 0 1px,transparent 2px 10px),
    linear-gradient(120deg,#322421,#191D1E);
}
body.collection-studio-page .studio .studio-detail-art>span,
body.collection-studio-page .studio .studio-dialog .studio-kicker{
  color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-detail-intro,
body.collection-studio-page .studio .studio-detail-note,
body.collection-studio-page .studio .studio-specs dt,
body.collection-studio-page .studio .studio-review-intro,
body.collection-studio-page .studio .studio-review-row p,
body.collection-studio-page .studio .studio-review-note,
body.collection-studio-page .studio .studio-save-note,
body.collection-studio-page .studio .studio-confirm p,
body.collection-studio-page .studio .studio-confirm li{
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-specs,
body.collection-studio-page .studio .studio-specs>div,
body.collection-studio-page .studio .studio-review-list,
body.collection-studio-page .studio .studio-review-row{
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-review-art,
body.collection-studio-page .studio .studio-review-total{
  background:#322421;color:var(--showroom-ivory);
}
body.collection-studio-page .studio .studio-review-edit button,
body.collection-studio-page .studio .studio-text-button{
  color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-reorder button,
body.collection-studio-page .studio .studio-swap-options button{
  background:#213656;color:var(--showroom-ivory);
  border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-swap-options button:hover{
  background:#3B507D;border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-toast{
  background:#213656;color:var(--showroom-ivory);
  border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-empty{
  background:#182D48;color:var(--showroom-ivory);border-color:var(--showroom-line);
}
body.collection-studio-page .studio .studio-empty p{color:var(--showroom-muted)}

/* Focus must be clearly visible on navy/charcoal controls. */
body.collection-studio-page .studio button:focus-visible,
body.collection-studio-page .studio input:focus-visible,
body.collection-studio-page .studio select:focus-visible,
body.collection-studio-page .studio a:focus-visible,
body.collection-studio-page .studio .studio-topdown-slot:focus-visible{
  outline:3px solid var(--showroom-brass);
  outline-offset:3px;
}
body.collection-studio-page .studio input{caret-color:var(--showroom-brass)}
body.collection-studio-page .studio [disabled]{
  /* Keep disabled controls legible against the dark interface. */
  opacity:.55;
}
@media(max-width:960px){
  body.collection-studio-page .studio .studio-mobile-box{
    background:linear-gradient(140deg,#322421,#102250);
  }
}
@media(prefers-reduced-motion:reduce){
  body.collection-studio-page .studio .studio-size-option,
  body.collection-studio-page .studio .studio-style-filters button,
  body.collection-studio-page .studio .studio-facet__choices button{
    transition:none;
  }
}


/*
 * v0.8.46 — The atelier selector trays.
 * Keep all existing interactive controls and desktop/mobile Studio structure.
 * Shrink product-style tiles; use metal / strap samples and real dial portraits.
 */
body.collection-studio-page .studio .studio-style-heading {
  margin:13px 0 9px;
  font-size:.61rem;
  letter-spacing:.13em;
}
body.collection-studio-page .studio .studio-style-filters {
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  padding:0 0 2px;
}
body.collection-studio-page .studio .studio-style-filters button {
  min-height:0;
  height:137px;
  padding:8px 7px 9px;
  gap:4px;
  border-radius:10px;
  justify-content:flex-start;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 4px 14px rgba(0,0,0,.19);
}
body.collection-studio-page .studio .studio-style-filters button:hover {
  transform:translateY(-1px);
}
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] {
  border-color:var(--showroom-brass);
  box-shadow:0 0 0 1px var(--showroom-brass),0 9px 20px rgba(0,0,0,.26);
}
body.collection-studio-page .studio .studio-style-image,
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-image {
  display:grid;
  place-items:center;
  width:100%;
  height:86px;
  min-height:86px;
  flex:0 0 86px;
  border-radius:8px;
  overflow:hidden;
}
body.collection-studio-page .studio .studio-style-image .studio-watch-art {
  height:85px;
  max-height:85px;
  max-width:100%;
}
body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio {
  width:98px;
  height:84px;
}
body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span {
  width:43px;
  height:81px;
}
body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span:nth-child(1){left:1px;top:6px}
body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span:nth-child(2){left:28px;top:0}
body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span:nth-child(3){left:53px;top:6px}
body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio .studio-watch-art {
  height:79px;
  max-height:79px;
}
body.collection-studio-page .studio .studio-style-name {
  font-size:.65rem;
  margin-top:2px;
  line-height:1.18;
}
body.collection-studio-page .studio .studio-style-count {
  font-size:.51rem;
  line-height:1.2;
  margin-top:0;
}

/* Filter workbench — shorter groups, closer to a jeweler's material tray. */
body.collection-studio-page .studio .studio-detail-filters{
  margin:14px 0 4px;
  padding:14px 15px 12px;
  border-radius:11px;
}
body.collection-studio-page .studio .studio-detail-filters__intro{
  margin-bottom:12px;
}
body.collection-studio-page .studio .studio-detail-filters__intro>span{
  font-size:.53rem;
}
body.collection-studio-page .studio .studio-detail-filters__intro>p{
  font-size:.59rem;
  line-height:1.5;
}
body.collection-studio-page .studio .studio-detail-filters__upper{
  gap:12px;
}
body.collection-studio-page .studio .studio-facet__heading{
  margin:0 0 7px;
  gap:4px 10px;
}
body.collection-studio-page .studio .studio-facet__heading h3{
  font-size:.77rem;
}
body.collection-studio-page .studio .studio-facet__heading>span{
  font-size:.55rem;
}
body.collection-studio-page .studio .studio-facet--strap,
body.collection-studio-page .studio .studio-facet--dial{
  margin-top:11px;
  padding-top:11px;
}
body.collection-studio-page .studio .studio-facet__choices{
  align-items:stretch;
  gap:7px;
  padding:2px 2px 7px;
}
body.collection-studio-page .studio .studio-facet__choices .studio-facet-option{
  box-sizing:border-box;
  min-width:0;
  min-height:0;
  height:94px;
  padding:8px 9px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  grid-template-rows:1fr 1fr;
  column-gap:9px;
  row-gap:0;
  align-items:center;
  justify-items:start;
  flex:1 0 139px;
  text-align:left;
  border-radius:10px;
}
body.collection-studio-page .studio .studio-facet__choices .studio-facet-option:hover{
  transform:translateY(-1px);
}
body.collection-studio-page .studio .studio-facet-option__art{
  grid-row:1 / span 2;
  grid-column:1;
  width:52px;
  height:68px;
  min-height:0;
  padding:0;
  border-radius:7px;
  overflow:hidden;
}
body.collection-studio-page .studio .studio-facet-option__name{
  grid-column:2;
  grid-row:1;
  align-self:end;
  margin:0;
  color:var(--showroom-ivory);
  font-size:.63rem;
  line-height:1.25;
  text-align:left;
}
body.collection-studio-page .studio .studio-facet-option__count{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin-top:3px;
  font-size:.5rem;
  line-height:1.25;
  text-align:left;
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-facet-option[aria-pressed="true"]::after{
  right:4px;
  top:4px;
  width:15px;
  height:15px;
  background:var(--showroom-brass);
  color:#191D1E;
  font-size:.52rem;
}

/* Brand: a compact mint-like maker emblem, rather than a watch-sized card. */
body.collection-studio-page .studio .studio-facet__choices--brand .studio-facet-option {
  flex:0 0 155px;
  height:78px;
  grid-template-columns:42px minmax(0,1fr);
}
body.collection-studio-page .studio .studio-facet-option--brand .studio-facet-option__art{
  width:42px;
  height:50px;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
}
body.collection-studio-page .studio .studio-facet-option--brand .studio-brand-emblem{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  font-size:1rem;
  color:var(--showroom-ivory);
  border:1px solid var(--showroom-brass);
  background:radial-gradient(circle at 40% 30%,#614936,#322421 80%);
  box-shadow:0 3px 8px rgba(0,0,0,.3),inset 0 0 0 2px rgba(173,148,107,.17);
}
body.collection-studio-page .studio .studio-facet-option--brand .studio-brand-emblem--all{
  font-size:1.3rem;
}

/* Case finishes: the watch preview becomes a tiny metallurgical sample. */
body.collection-studio-page .studio .studio-facet__choices--finish .studio-facet-option {
  flex:1 0 136px;
}
body.collection-studio-page .studio .studio-facet-option--finish .studio-facet-option__art{
  background:
    linear-gradient(105deg,rgba(173,148,107,.14),transparent 48%,rgba(255,255,255,.12)),
    linear-gradient(120deg,#322421,#614936 54%,#322421);
}
body.collection-studio-page .studio .studio-finish-watch,
body.collection-studio-page .studio .studio-strap-watch{
  width:100%;
  height:66px;
  display:grid;
  place-items:center;
}
body.collection-studio-page .studio .studio-finish-watch .studio-watch-art,
body.collection-studio-page .studio .studio-finish-watch .studio-watch-photo{
  width:auto;
  height:66px;
  max-height:66px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(1px 3px 3px rgba(0,0,0,.55));
}
body.collection-studio-page .studio .studio-watch-trio{
  width:52px;
  height:67px;
  max-width:100%;
}
body.collection-studio-page .studio .studio-watch-trio>span{
  width:24px;
  height:63px;
}
body.collection-studio-page .studio .studio-watch-trio>span:nth-child(1){left:0;top:5px}
body.collection-studio-page .studio .studio-watch-trio>span:nth-child(2){left:14px;top:0}
body.collection-studio-page .studio .studio-watch-trio>span:nth-child(3){left:28px;top:5px}
body.collection-studio-page .studio .studio-watch-trio .studio-watch-art,
body.collection-studio-page .studio .studio-watch-trio .studio-watch-photo{
  height:61px;
  max-height:61px;
}

/* Strap: sculptural samples for steel, leather-look and sport material. */
body.collection-studio-page .studio .studio-facet__choices--strap .studio-facet-option{
  flex:1 0 152px;
  height:91px;
}
body.collection-studio-page .studio .studio-facet-option--strap .studio-facet-option__art{
  background:
    radial-gradient(circle at 50% 26%,rgba(173,148,107,.23),transparent 75%),
    linear-gradient(100deg,#322421,#322421 51%,#322421);
}
body.collection-studio-page .studio .studio-strap-sample {
  display:block;
  position:relative;
  width:36px;
  height:60px;
  margin-inline:auto;
  filter:drop-shadow(1px 3px 4px rgba(0,0,0,.43));
}
body.collection-studio-page .studio .studio-strap-sample>i{
  inset:3px 5px;
  border-radius:5px;
}
body.collection-studio-page .studio .studio-strap-all{
  display:flex;
  justify-content:center;
  align-items:center;
  width:52px;
  height:64px;
  gap:3px;
  transform:rotate(-9deg);
}
body.collection-studio-page .studio .studio-strap-all i{
  width:13px;
  height:52px;
  flex:0 0 13px;
  border-radius:3px;
}

/* Dial palettes: circular watch-face swatches instead of oversized square cards. */
body.collection-studio-page .studio .studio-facet__choices--dial{
  gap:8px;
  align-items:stretch;
}
body.collection-studio-page .studio .studio-facet__choices--dial .studio-facet-option {
  display:flex;
  flex:0 0 82px;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  width:82px;
  min-height:0;
  height:114px;
  gap:4px;
  padding:8px 4px 6px;
  border-color:transparent;
  background:transparent;
  text-align:center;
  box-shadow:none;
}
body.collection-studio-page .studio .studio-facet__choices--dial .studio-facet-option:hover{
  background:rgba(173,148,107,.07);
  border-color:rgba(173,148,107,.4);
}
body.collection-studio-page .studio .studio-facet__choices--dial .studio-facet-option[aria-pressed="true"]{
  background:rgba(173,148,107,.1);
  border-color:rgba(173,148,107,.64);
  box-shadow:none;
}
body.collection-studio-page .studio .studio-facet-option--dial .studio-facet-option__art{
  display:grid;
  place-items:center;
  flex:none;
  width:62px;
  height:62px;
  min-height:62px;
  border-radius:50%;
  padding:3px;
  overflow:hidden;
  border:1px solid rgba(173,148,107,.32);
  background:
    radial-gradient(circle at 50% 32%,#614936,#191D1E 80%);
  box-shadow:0 3px 10px rgba(0,0,0,.26);
}
body.collection-studio-page .studio .studio-facet-option--dial[aria-pressed="true"] .studio-facet-option__art{
  border-color:var(--showroom-brass);
  box-shadow:0 0 0 2px var(--showroom-brass),0 0 0 5px rgba(173,148,107,.14),0 6px 15px rgba(0,0,0,.36);
}
body.collection-studio-page .studio .studio-facet-option--dial[aria-pressed="true"]::after{content:none}
body.collection-studio-page .studio .studio-dial-portrait{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
body.collection-studio-page .studio .studio-dial-portrait .studio-watch-art,
body.collection-studio-page .studio .studio-dial-portrait .studio-watch-photo{
  width:54px;
  height:54px;
  max-width:54px;
  max-height:54px;
  object-fit:cover;
  border-radius:50%;
}
body.collection-studio-page .studio .studio-dial-trio {
  position:relative;
  display:block;
  width:56px;
  height:53px;
}
body.collection-studio-page .studio .studio-dial-trio>span{
  position:absolute;
  top:7px;
  width:33px;
  height:33px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid #DAD3C1;
}
body.collection-studio-page .studio .studio-dial-trio>span:nth-child(1){left:0;top:17px}
body.collection-studio-page .studio .studio-dial-trio>span:nth-child(2){left:12px;top:3px;z-index:3}
body.collection-studio-page .studio .studio-dial-trio>span:nth-child(3){left:24px;top:17px;z-index:2}
body.collection-studio-page .studio .studio-dial-trio .studio-watch-art,
body.collection-studio-page .studio .studio-dial-trio .studio-watch-photo{
  width:100%;
  height:100%;
}
body.collection-studio-page .studio .studio-facet-option--dial .studio-facet-option__name{
  grid-row:auto;
  grid-column:auto;
  align-self:center;
  margin:0;
  font-size:.62rem;
  line-height:1.2;
  text-align:center;
}
body.collection-studio-page .studio .studio-facet-option--dial .studio-facet-option__count{
  grid-row:auto;
  grid-column:auto;
  align-self:center;
  margin:0;
  font-size:.48rem;
  line-height:1.15;
  text-align:center;
}

/* Preserve comfortable touch targets and responsive navigation. */
@media(max-width:1200px){
  body.collection-studio-page .studio .studio-facet__choices--brand .studio-facet-option{
    flex:0 0 155px;
  }
  body.collection-studio-page .studio .studio-facet__choices--finish .studio-facet-option{
    flex:0 0 137px;
  }
}
@media(max-width:700px){
  body.collection-studio-page .studio .studio-style-filters{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  body.collection-studio-page .studio .studio-style-filters button{
    min-height:0;
    height:124px;
    padding:7px 5px 7px;
    gap:3px;
  }
  body.collection-studio-page .studio .studio-style-image,
  body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-image{
    height:73px;
    min-height:73px;
    flex:0 0 73px;
  }
  body.collection-studio-page .studio .studio-style-image .studio-watch-art{
    height:72px;
    max-height:72px;
  }
  body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio{
    height:72px;
    width:86px;
  }
  body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span{width:39px;height:70px}
  body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span:nth-child(1){left:0;top:4px}
  body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span:nth-child(2){left:23px;top:0}
  body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio>span:nth-child(3){left:46px;top:4px}
  body.collection-studio-page .studio .studio-style-image--all .studio-watch-trio .studio-watch-art{
    height:69px;
    max-height:69px;
  }
  body.collection-studio-page .studio .studio-detail-filters{
    margin-top:12px;
    padding:12px 10px 10px;
  }
  body.collection-studio-page .studio .studio-detail-filters__intro>p{
    font-size:.61rem;
  }
  body.collection-studio-page .studio .studio-facet__choices{
    gap:7px;
  }
  body.collection-studio-page .studio .studio-facet__choices .studio-facet-option{
    min-height:0;
    height:88px;
    flex:0 0 130px;
    padding:7px 6px;
    grid-template-columns:47px minmax(0,1fr);
    gap:0 6px;
  }
  body.collection-studio-page .studio .studio-facet-option__art{
    width:47px;
    height:64px;
    min-height:0;
  }
  body.collection-studio-page .studio .studio-facet__choices--brand .studio-facet-option{
    flex:0 0 144px;
    height:72px;
    grid-template-columns:40px minmax(0,1fr);
  }
  body.collection-studio-page .studio .studio-facet__choices--finish .studio-facet-option,
  body.collection-studio-page .studio .studio-facet__choices--strap .studio-facet-option{
    flex:0 0 137px;
    height:88px;
  }
  body.collection-studio-page .studio .studio-facet__choices--dial .studio-facet-option{
    flex:0 0 78px;
    width:78px;
    height:110px;
    padding:7px 3px 5px;
    gap:4px;
  }
  body.collection-studio-page .studio .studio-facet-option--dial .studio-facet-option__art{
    width:58px;
    height:58px;
    min-height:58px;
    padding:2px;
  }
  body.collection-studio-page .studio .studio-dial-portrait,
  body.collection-studio-page .studio .studio-dial-portrait .studio-watch-art,
  body.collection-studio-page .studio .studio-dial-portrait .studio-watch-photo{
    width:52px;
    height:52px;
    max-width:52px;
    max-height:52px;
  }
}
@media(hover:none){
  body.collection-studio-page .studio .studio-style-filters button:hover,
  body.collection-studio-page .studio .studio-facet__choices .studio-facet-option:hover{
    transform:none;
  }
}
@media(prefers-reduced-motion:reduce){
  body.collection-studio-page .studio .studio-style-filters button,
  body.collection-studio-page .studio .studio-facet__choices .studio-facet-option{
    transition:none;
  }
}


/*
 * v0.8.47 — type first, details only on demand.
 * Six small dial-driven type buttons replace the six large style cards.
 * Additional filters are collapsed by default, never discarded.
 */
body.collection-studio-page .studio .studio-filters{margin-top:4px}
body.collection-studio-page .studio .studio-style-heading{
  margin:7px 0 10px;
  color:var(--showroom-brass);
  font:.6rem/1.4 var(--font-detail);
  letter-spacing:.13em;
}
body.collection-studio-page .studio .studio-style-filters{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  margin:0;
  padding:0;
}
body.collection-studio-page .studio .studio-style-filters button{
  position:relative;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  min-height:0;
  height:60px;
  min-width:0;
  gap:6px;
  margin:0;
  padding:7px 5px;
  border:1px solid rgba(173,148,107,.23);
  border-radius:9px;
  background:#182D48;
  color:var(--showroom-ivory);
  box-shadow:none;
  transform:none;
  text-align:center;
}
body.collection-studio-page .studio .studio-style-filters button:hover{
  transform:none;
  background:#322421;
  border-color:rgba(173,148,107,.65);
}
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"]{
  border-color:var(--showroom-brass);
  background:linear-gradient(140deg,#322421,#142946);
  box-shadow:inset 0 0 0 1px rgba(173,148,107,.35),0 0 0 1px rgba(173,148,107,.25);
}
body.collection-studio-page .studio .studio-style-image,
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-image{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  max-width:38px;
  max-height:38px;
  flex:0 0 38px;
  margin:0;
  overflow:hidden;
  border-radius:50%;
  background:radial-gradient(circle at 50% 28%,#614936 0%,#191D1E 72%);
  border:1px solid rgba(173,148,107,.32);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.19);
}
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-image{
  border-color:var(--showroom-brass);
  box-shadow:0 0 0 2px rgba(173,148,107,.24),inset 0 0 0 1px rgba(173,148,107,.15);
}
body.collection-studio-page .studio .studio-style-image .studio-watch-art,
body.collection-studio-page .studio .studio-style-image .studio-watch-photo{
  width:36px;
  height:36px;
  max-width:36px;
  max-height:36px;
  object-fit:cover;
  border-radius:50%;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));
}
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio{
  width:37px;
  height:34px;
}
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio>span{
  width:24px;
  height:24px;
  border:1px solid rgba(218,211,193,.75);
}
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio>span:nth-child(1){left:0;top:9px}
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio>span:nth-child(2){left:7px;top:0;z-index:3}
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio>span:nth-child(3){left:13px;top:9px;z-index:2}
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio .studio-watch-art,
body.collection-studio-page .studio .studio-style-image--all .studio-dial-trio .studio-watch-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:none;
  max-height:none;
}
body.collection-studio-page .studio .studio-style-name{
  display:block;
  min-width:0;
  width:auto;
  font-size:clamp(.56rem,.77vw,.69rem);
  line-height:1.2;
  font-weight:600;
  margin:0;
  color:var(--showroom-ivory);
  white-space:normal;
  overflow-wrap:normal;
}
body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-name{
  color:#DAD3C1;
}
body.collection-studio-page .studio .studio-style-count.screen-reader-text{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
body.collection-studio-page .studio .studio-quick-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:8px;
  margin:11px 0 4px;
}
body.collection-studio-page .studio .studio-search-row{
  min-width:0;
  width:100%;
  margin:0;
}
body.collection-studio-page .studio .studio-search{
  min-height:44px;
  height:44px;
}
body.collection-studio-page .studio .studio-refine-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:7px 14px;
  border:1px solid var(--showroom-line);
  border-radius:8px;
  color:var(--showroom-ivory);
  background:#182D48;
  font-size:.71rem;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap;
  cursor:pointer;
}
body.collection-studio-page .studio .studio-refine-toggle:hover,
body.collection-studio-page .studio .studio-refine-toggle[aria-expanded="true"]{
  background:#322421;
  border-color:var(--showroom-brass);
}
body.collection-studio-page .studio .studio-refine-toggle__symbol{
  color:var(--showroom-brass);
  font-size:1rem;
  line-height:1;
}
body.collection-studio-page .studio .studio-refine-toggle__count{
  display:block;
  font-size:.58rem;
  font-weight:500;
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-refine-toggle.has-active-filters .studio-refine-toggle__count{
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(173,148,107,.6);
  border-radius:999px;
  color:#DAD3C1;
  background:#322421;
  padding:3px 6px;
  font-weight:600;
}
body.collection-studio-page .studio .studio-refine-toggle__arrow{
  color:var(--showroom-brass);
  font-size:1rem;
  transition:transform .16s ease;
}
body.collection-studio-page .studio .studio-refine-toggle[aria-expanded="true"] .studio-refine-toggle__arrow{
  transform:rotate(180deg);
}
body.collection-studio-page .studio .studio-detail-filters{
  margin:11px 0 5px;
  padding:13px 14px 11px;
  border:1px solid rgba(173,148,107,.28);
}
body.collection-studio-page .studio .studio-detail-filters[hidden]{
  display:none;
}
body.collection-studio-page .studio .studio-results-bar{
  margin:5px 0 6px;
  min-height:23px;
  color:var(--showroom-muted);
}
body.collection-studio-page .studio .studio-results-bar p{
  font-size:.67rem;
}
@media(max-width:900px){
  body.collection-studio-page .studio .studio-style-filters{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  body.collection-studio-page .studio .studio-style-filters button{
    flex-direction:row;
    height:53px;
    gap:7px;
    padding:6px 8px;
  }
  body.collection-studio-page .studio .studio-style-image,
  body.collection-studio-page .studio .studio-style-filters button[aria-pressed="true"] .studio-style-image{
    width:30px;
    height:30px;
    min-width:30px;
    min-height:30px;
    max-width:30px;
    max-height:30px;
    flex:0 0 30px;
  }
  body.collection-studio-page .studio .studio-style-image .studio-watch-art,
  body.collection-studio-page .studio .studio-style-image .studio-watch-photo{
    width:29px;
    height:29px;
    max-width:29px;
    max-height:29px;
  }
  body.collection-studio-page .studio .studio-style-name{
    font-size:.66rem;
    line-height:1.2;
  }
}
@media(max-width:450px){
  body.collection-studio-page .studio .studio-style-filters button{
    display:flex;
    flex-direction:column;
    gap:3px;
    height:65px;
    padding:5px 2px 6px;
  }
  body.collection-studio-page .studio .studio-style-name{font-size:.61rem}
  body.collection-studio-page .studio .studio-refine-toggle{padding:7px 10px;gap:5px}
  body.collection-studio-page .studio .studio-refine-toggle__count{font-size:.54rem}
  body.collection-studio-page .studio .studio-refine-toggle__symbol{font-size:.9rem}
  body.collection-studio-page .studio .studio-detail-filters{padding:11px 10px}
}
@media(prefers-reduced-motion:reduce){
  body.collection-studio-page .studio .studio-refine-toggle__arrow{transition:none}
}
