/* Matching location fields in HORIZONTAL, VERTICALE and 90 degrees. */
/* One quiet acknowledgement of the level the viewer has just moved through.
   Only colour changes; all approved type sizes and positions remain fixed. */
.banatti-location-acknowledge{
  animation:banattiLocationAcknowledge .5s ease-out 1 !important;
}
@keyframes banattiLocationAcknowledge{
  0%,100%{color:rgba(255,255,255,.62);}
  20%,42%{color:#a8f36b;}
}

.mstr-scene-grid-toggle,.mstr-scene-grid-gallery,
.phone-pair-horizontal-grid-toggle,.phone-pair-horizontal-slide-gallery,
.scene-unspool-control{
  display:none !important;
}
.banatti-reel-caption-control{
  pointer-events:auto !important;
  cursor:pointer;
  touch-action:manipulation;
}
.banatti-reel-caption-control:focus-visible{
  outline:1px solid #75e60d;
  outline-offset:3px;
}

/* A ruler inside one complete port face: no separate hit areas or hover. */
:is(.nav-btn,.portrait-port-button,.phone-pair-horizontal-port-button).banatti-sectioned-port{
  position:relative;
}
.banatti-port-segments{
  position:absolute;
  left:13%;
  right:13%;
  bottom:10px;
  height:6px;
  display:grid;
  grid-template-columns:repeat(var(--banatti-section-count),minmax(0,1fr));
  pointer-events:none !important;
  user-select:none;
  z-index:4;
  opacity:.6;
  border-bottom:1px solid rgba(117,230,13,.34);
}
:is(.active,.is-active,[aria-current="page"],[aria-pressed="true"]) > .banatti-port-segments{
  display:grid;
  opacity:1;
}
.banatti-port-segment{
  position:relative;
  min-width:0;
  height:100%;
  pointer-events:none !important;
}
.banatti-port-segment + .banatti-port-segment::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:5px;
  width:1px;
  background:rgba(186,235,126,.68);
}
.banatti-port-segment.is-current::after{
  content:'';
  display:none;
  position:absolute;
  left:2px;
  right:2px;
  bottom:-1px;
  height:3px;
  background:linear-gradient(90deg,#75e60d,#d8ffb4 50%,#75e60d);
  box-shadow:0 0 4px rgba(117,230,13,.45);
}
:is(.active,.is-active,[aria-current="page"],[aria-pressed="true"]) > .banatti-port-segments > .banatti-port-segment.is-current::after{display:block;}

/* The two left fields share every type and baseline rule. */
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument{
  display:grid !important;
  grid-template-columns:minmax(250px,28%) minmax(0,1fr) clamp(140px,18%,210px) !important;
  align-items:stretch !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > .view-rail-arrow{
  display:none !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > .mstr-scene-left-zone{
  grid-column:1 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch;
  min-width:0;
  border-right:1px solid rgba(82,160,4,.20);
  background:linear-gradient(90deg,rgba(82,160,4,.14),rgba(82,160,4,.045));
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta){
  box-sizing:border-box !important;
  position:relative !important;
  top:4px !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:16px auto !important;
  align-content:start !important;
  justify-items:center !important;
  justify-self:stretch !important;
  align-self:stretch !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:12px 5px 0 !important;
  border:0 !important;
  background:transparent !important;
  white-space:nowrap;
  transform:none !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > .banatti-context-meta{grid-column:1 !important;}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banat-view-meta,.section-view-meta){grid-column:2 !important;}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta) > span:first-child{
  position:static !important;
  color:rgba(255,255,255,.62);
  font:400 16px/1 'DM Mono',monospace !important;
  letter-spacing:.18em !important;
  transform:none !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta) > .view-rail-count{
  display:flex !important;
  grid-column:1 !important;
  grid-row:2 !important;
  justify-self:center !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:rgba(255,255,255,.88);
  font:400 21px/1 'DM Mono',monospace !important;
  letter-spacing:.05em !important;
  transform:translateY(5px) !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone .view-rail-divider{
  font-size:18px !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone :is([data-view-current],[data-view-total],[data-context-current],[data-context-total]){
  transform:translateY(2px) !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > :is(.banat-rev-strip,.section-rev-strip){grid-column:2 !important;grid-row:1 !important;}
html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > .screen-sound-toggle{grid-column:3 !important;grid-row:1 !important;}

/* Restore the existing desktop GRID without changing the paired readouts,
   replay policy, phone furniture, scene decks or gallery interactions. */
html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument.has-mstr-scene-grid{
  grid-template-columns:minmax(250px,28%) minmax(0,1fr) clamp(56px,6%,84px) clamp(140px,18%,210px) !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > .mstr-scene-grid-toggle{
  display:flex !important;
  grid-column:3 !important;
  grid-row:1 !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > .screen-sound-toggle{
  grid-column:4 !important;
  grid-row:1 !important;
}
html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) .mstr-scene-grid-gallery.is-open{
  display:flex !important;
}

/* Portrait has the same paired fields, fitted as one proportional rail. */
@media(max-width:600px) and (orientation:portrait){
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument{
    grid-template-columns:minmax(170px,52%) minmax(0,1fr) 48px !important;
    min-height:62px !important;
    height:62px !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta){top:0 !important;padding:11px 3px 0 !important;grid-template-rows:10px auto !important;gap:8px !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta) > span:first-child{font-size:10px !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta) > .view-rail-count{font-size:14px !important;gap:4px !important;transform:none !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone .view-rail-divider{font-size:12px !important;}
}

/* 90 degrees keeps the pair directly beneath the picture, inside its existing
   centre column; the side direction controls retain their full height. */
@media(max-width:860px) and (max-height:520px) and (orientation:landscape){
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page :is(.portal-shell,.bay-media-shell){position:relative;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-shell > .golden-box,
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 #p5 .bay-media-shell > :is(.bay-golden,.vault-door){height:calc(100% - 48px) !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument{
    display:grid !important;
    position:absolute !important;
    left:126px !important;
    right:126px !important;
    bottom:5px !important;
    width:auto !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    margin:0 !important;
    grid-template-columns:minmax(176px,48%) minmax(0,1fr) 50px !important;
    z-index:30;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 #p5 .bay-media-shell > .view-rail.banatti-location-instrument{left:0 !important;right:0 !important;bottom:0 !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta){top:0 !important;padding:6px 3px 0 !important;grid-template-rows:10px auto !important;gap:5px !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta) > span:first-child{font-size:10px !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta) > .view-rail-count{font-size:14px !important;gap:4px !important;transform:none !important;}
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-90 :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone .view-rail-divider{font-size:12px !important;}
}

/* BANAT already carries its location rail inside the embedded master. */
body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition #p1 .portal-shell:has(> .banat-reel-embed-frame) > .view-rail.banatti-location-instrument{display:none !important;}

.phone-pair-horizontal-counter-layout :is([data-view-current],[data-view-total],[data-context-current],[data-context-total]){
  transform:translateY(2px) !important;
}

html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview):not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > .banatti-context-meta{
  transform:translateX(12px) !important;
}

@media(max-width:860px){
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > :is(.banat-rev-strip,.section-rev-strip){
    min-width:0 !important;
    width:88% !important;
    max-width:100% !important;
    height:auto !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:8px 20px !important;
    gap:3px !important;
    align-self:center !important;
    justify-self:center !important;
    transform:none !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument :is(.banat-rev-caption,.section-rev-caption){
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:center !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:1px !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location:not(.phone-pair-horizontal-preview).verticale-edition :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument :is(.banat-rev-track,.section-rev-track){
    grid-column:1 !important;
    grid-row:2 !important;
    min-width:0 !important;
    width:100% !important;
  }
}


/* Approved horizontal finishing pass: one heading line and one snug reveal.
   Native MASTER and View Lens use the same decorative faces. Phone layouts
   and their source frame are excluded by the existing desktop owner flag. */
@media(min-width:861px){
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument.has-mstr-scene-grid{
    container-type:inline-size;
    --banatti-rail-heading-size:clamp(14px,1.5625cqw,16px);
    grid-template-columns:minmax(224px,25.4%) minmax(0,1fr) clamp(72px,7.6%,84px) clamp(140px,18%,210px) !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta){
    top:0 !important;padding-top:12px !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > .banatti-context-meta{
    transform:translateX(6px) !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banat-view-meta,.section-view-meta){
    transform:translateX(-6px) !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument .mstr-scene-left-zone > :is(.banatti-context-meta,.banat-view-meta,.section-view-meta)>span:first-child,
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument :is(.section-rev-caption,.banat-rev-caption){
    font:400 var(--banatti-rail-heading-size)/16px 'DM Mono',monospace !important;
    letter-spacing:.12em !important;
    color:rgba(255,255,255,.62) !important;
    text-align:center !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > :is(.section-rev-strip,.banat-rev-strip){
    box-sizing:border-box !important;position:relative !important;top:0 !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:16px 26px !important;
    align-content:start !important;justify-items:center !important;gap:14px !important;
    width:calc(100% - 32px) !important;max-width:none !important;height:84px !important;
    padding:12px 0 0 !important;margin:0 auto !important;transform:none !important;
    align-self:stretch !important;min-width:0 !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument :is(.section-rev-caption,.banat-rev-caption){
    grid-column:1 !important;grid-row:1 !important;white-space:nowrap !important;
    margin:0 !important;transform:none !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument :is(.section-rev-track,.banat-rev-track){
    grid-column:1 !important;grid-row:2 !important;width:100% !important;height:26px !important;min-width:0 !important;transform:none !important;
  }
  html:not(.phone-pair-portrait-master) body.banatti-section-location.banatti-desktop-grid-restored.banatti-horizontal-ui-refined:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .view-rail.banatti-location-instrument > .screen-sound-toggle{
    padding-right:34px !important;
  }
  body.banatti-horizontal-ui-refined .site-nav .nav-btn{
    isolation:isolate;overflow:visible !important;background:transparent !important;box-shadow:none !important;border-color:transparent !important;
  }
  body.banatti-horizontal-ui-refined .site-nav .nav-btn::before,
  body.banatti-horizontal-ui-refined .site-nav .nav-btn::after,
  body.banatti-horizontal-ui-refined .banatti-menu-bezel-actuator,
  body.banatti-horizontal-ui-refined #banatti-menu-black-backings,
  body.banatti-horizontal-ui-refined .banatti-selector-bezel{display:none !important;}
  .banatti-horizontal-control-skin{position:absolute;display:block;overflow:visible;pointer-events:none;z-index:-1;}
  body.banatti-horizontal-ui-refined .nav-btn :is(.banatti-horizontal-pressed-shade,.banatti-horizontal-pressed-light){opacity:0;}
  body.banatti-horizontal-ui-refined .nav-btn:is(.active,:active,.banatti-actuator-pressing) .banatti-horizontal-face{fill:var(--banatti-engaged-fill);}
  body.banatti-horizontal-ui-refined .nav-btn:is(.active,:active,.banatti-actuator-pressing) .banatti-horizontal-face-light{opacity:0;}
  body.banatti-horizontal-ui-refined .nav-btn:is(.active,:active,.banatti-actuator-pressing) :is(.banatti-horizontal-pressed-shade,.banatti-horizontal-pressed-light){opacity:1;}
  body.banatti-horizontal-ui-refined .nav-btn:is(:hover,:focus-visible) .banatti-horizontal-outer{stroke:#75e60d;}
  body.banatti-horizontal-ui-refined .banatti-journey-selector{isolation:isolate;border-color:transparent !important;box-shadow:none !important;}
  body.banatti-horizontal-ui-refined .banatti-horizontal-selector-skin{z-index:0;}
  body.banatti-horizontal-ui-refined .banatti-journey-selector > :is(.portal-nav,.portal-readout){z-index:2;}
  body.banatti-horizontal-ui-refined .banatti-journey-selector > .portal-nav{background:transparent !important;}
  body.banatti-horizontal-ui-refined .banatti-journey-selector > .portal-nav::before,
  body.banatti-horizontal-ui-refined .banatti-journey-selector > .portal-nav::after{display:none !important;}
}

@media(min-width:861px){
  /* Keep the original four paddle feedback regions on their existing controls. */
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:first-of-type:not(:disabled):is(.banatti-actuator-hovering-fast,.banatti-actuator-pressing-fast,.banatti-actuator-engaged-fast)) .banatti-horizontal-paddle-left-fast .banatti-horizontal-face,
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:first-of-type:not(:disabled):is(.banatti-actuator-hovering-single,.banatti-actuator-pressing-single,.banatti-actuator-engaged-single,:focus-visible)) .banatti-horizontal-paddle-left-single .banatti-horizontal-face,
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:last-of-type:not(:disabled):is(.banatti-actuator-hovering-single,.banatti-actuator-pressing-single,.banatti-actuator-engaged-single,:focus-visible)) .banatti-horizontal-paddle-right-single .banatti-horizontal-face,
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:last-of-type:not(:disabled):is(.banatti-actuator-hovering-fast,.banatti-actuator-pressing-fast,.banatti-actuator-engaged-fast)) .banatti-horizontal-paddle-right-fast .banatti-horizontal-face{fill:var(--banatti-engaged-fill);}
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:first-of-type:disabled) :is(.banatti-horizontal-paddle-left-fast,.banatti-horizontal-paddle-left-single),
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:last-of-type:disabled) :is(.banatti-horizontal-paddle-right-fast,.banatti-horizontal-paddle-right-single){opacity:.45;}
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:first-of-type:is(.banatti-actuator-pressing-single,.banatti-actuator-pressing-fast)) :is(.banatti-horizontal-paddle-left-fast,.banatti-horizontal-paddle-left-single),
  body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .portal-nav:last-of-type:is(.banatti-actuator-pressing-single,.banatti-actuator-pressing-fast)) :is(.banatti-horizontal-paddle-right-fast,.banatti-horizontal-paddle-right-single){transform:translateY(1px);}
}

/* The Lens keeps its existing fine selector contours and crown illumination. */
body.banatti-horizontal-ui-refined .banatti-journey-selector:has(> .banatti-selector-outline-overlay) > .banatti-horizontal-selector-skin :is(.banatti-horizontal-outer,.banatti-horizontal-inner){stroke:none;}

@media(max-width:860px){.banatti-horizontal-control-skin{display:none !important;pointer-events:none !important;}}

/* One clean outer rim and black reveal, matching the approved90 degree faces. */
body.banatti-horizontal-ui-refined .banatti-horizontal-control-skin .banatti-horizontal-inner{stroke:none;}
body.banatti-horizontal-ui-refined .banatti-selector-outline-overlay > svg > path:nth-of-type(2){display:none;}