/* Scoped to cabinet interiors. Geometry, pricing and other configurators are untouched. */
html#itodiUi[data-itodi-interior-compact417] #step5ProgressiveRoot [hidden]{display:none!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .itodi-interior-selection417{
  display:flex!important;align-items:center;gap:8px;margin:0 0 12px!important;padding:0!important;min-width:0;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .itodi-interior-selection417[hidden]{display:none!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .itodi-interior-selection417 #itsCellLabel{
  display:flex!important;align-items:center;gap:10px;flex:1;min-width:0;margin:0!important;padding:0!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .itodi-interior-selection417 #itsCellLabelText{
  flex:0 0 auto;margin:0!important;color:#526074;font:500 13px/1.3 Manrope,sans-serif!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .itodi-interior-selection417 #itsCell{
  flex:1;width:0;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;
  padding:0 28px 0 10px!important;border:1px solid #dce1ea!important;border-radius:9px!important;
  background-color:#fff!important;color:#192332!important;font:500 13px/1.3 Manrope,sans-serif!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .segment-nav411{
  display:flex;align-items:center;gap:5px;flex:0 0 auto;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .segment-nav411 button{
  display:grid!important;place-items:center;min-width:40px!important;width:40px!important;min-height:42px!important;
  height:42px!important;padding:0!important;border:1px solid #dce1ea!important;border-radius:9px!important;
  color:#1642e0!important;background:#fff!important;font:500 17px/1 Manrope,sans-serif!important;box-shadow:none!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .segment-nav411 button:disabled{opacity:.35!important;cursor:default!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot{margin:0!important;padding:0!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .iv-interior-card{
  border:1px solid #dce1ea!important;border-radius:12px!important;padding:12px!important;background:#fff!important;
  container-type:inline-size;box-shadow:none!important;min-width:0!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot[data-compact-selection417] .itodi-simple-interior-head{display:none!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-grid{
  display:grid!important;grid-template-columns:repeat(var(--iv-interior-columns,3),minmax(0,1fr))!important;gap:6px!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-card{
  display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:7px!important;
  width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:8px 6px!important;
  border:1px solid #dce1ea!important;border-radius:9px!important;background:#fff!important;color:#263343!important;
  font:500 13px/1.2 Manrope,sans-serif!important;box-shadow:none!important;text-align:center!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-card strong{
  font:inherit!important;white-space:nowrap!important;color:inherit!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important;width:22px!important;height:24px!important;margin:0!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-icon svg{
  width:22px!important;height:24px!important;max-width:22px!important;max-height:24px!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-details{
  display:grid!important;gap:8px!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid #e8ebf0!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot :is(.itodi-simple-detail-group,.itodi-simple-control){
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 12px!important;
  min-height:42px!important;margin:0!important;padding:0!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot :is(.itodi-simple-control strong,.itodi-simple-detail-group>strong){
  font:500 13px/1.35 Manrope,sans-serif!important;color:#263343!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot :is(.itodi-simple-control-wrap,.itodi-simple-control>div){min-width:0!important;margin:0!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-counter{
  display:grid!important;grid-template-columns:40px 38px 40px!important;width:120px!important;min-width:120px!important;height:42px!important;
  padding:0!important;border:1px solid #cfd6e3!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-counter>button{
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:#1642e0!important;font:500 17px/1 Manrope,sans-serif!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-counter>input{
  appearance:textfield!important;-moz-appearance:textfield!important;box-sizing:border-box!important;width:38px!important;min-width:0!important;
  height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;
  border-left:1px solid #e5e9f0!important;border-right:1px solid #e5e9f0!important;border-radius:0!important;
  background:#fff!important;color:#172335!important;text-align:center!important;font:500 14px/1.2 Manrope,sans-serif!important;box-shadow:none!important;
}
html#itodiUi[data-itodi-interior-compact417] .itodi-simple-counter input::-webkit-inner-spin-button,
html#itodiUi[data-itodi-interior-compact417] .itodi-simple-counter input::-webkit-outer-spin-button{appearance:none!important;margin:0!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-pills{
  display:grid!important;grid-template-columns:repeat(var(--iv-pill-count,3),minmax(0,1fr))!important;gap:0!important;
  width:auto!important;max-width:100%!important;min-width:0!important;padding:0!important;border:1px solid #dce1ea!important;border-radius:9px!important;
  background:#fff!important;overflow:hidden!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-pills button{
  min-width:0!important;min-height:42px!important;height:auto!important;padding:6px 9px!important;border:0!important;
  border-right:1px solid #e5e9f0!important;border-radius:0!important;background:#fff!important;color:#263343!important;
  box-shadow:none!important;font:500 12px/1.2 Manrope,sans-serif!important;white-space:nowrap!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-pills button:last-child{border-right:0!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot :is(.itodi-simple-pills button,.itodi-segment-type-card)[aria-pressed="true"]{
  color:#1642e0!important;background:#eef2ff!important;border-color:#1642e0!important;box-shadow:inset 0 0 0 1px #1642e0!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot :is(.itodi-simple-pills button,.itodi-segment-type-card)[aria-disabled="true"]{
  color:#8a94a5!important;background:#f7f8fa!important;border-color:#e3e7ee!important;box-shadow:none!important;cursor:not-allowed!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-fixed417{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#1642e0;font:500 13px/1.3 Manrope,sans-serif;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-info417{
  display:grid!important;place-items:center;min-width:40px!important;width:40px!important;min-height:42px!important;height:42px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#758198!important;box-shadow:none!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-info417 svg{width:18px!important;height:18px!important}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-hint{
  grid-column:1/-1!important;margin:4px 0 0!important;padding:0!important;min-height:0!important;font:400 12px/1.45 Manrope,sans-serif!important;color:#64748b!important;
}
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot :is(button,input):focus-visible{outline:2px solid #1642e0!important;outline-offset:-2px!important}
@container(max-width:420px){
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-grid[style*="--iv-interior-columns:4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-detail-group:has(.itodi-simple-pills[style*="3"]){grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-detail-group:has(.itodi-simple-pills[style*="3"]) .itodi-simple-pills{width:100%!important}
}
@container(max-width:350px){
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-grid{gap:4px!important}
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-card{gap:4px!important;padding:7px 3px!important;font-size:12px!important}
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-icon{flex-basis:17px!important;width:17px!important;height:21px!important}
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-segment-type-icon svg{width:17px!important;height:21px!important}
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-pills button{padding:6px 3px!important;font-size:11px!important}
}
@media(pointer:coarse){
  html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot .itodi-simple-counter>input{font-size:16px!important}
}
/* Mobile parameter navigation owns which native controls are visible. */
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] .itodi-interior-selection417[data-im-hidden],
html#itodiUi.itodi-visual-flow[data-itodi-interior-compact417] #itodiShellSections #step5ProgressiveRoot [data-im-hidden]{display:none!important}
/* Layered important rules take precedence over the legacy mobile specificity. */
@layer itodiInterior417Mobile{
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot .itodi-segment-type-grid[data-im-row]{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;
    width:100%!important;min-width:0!important;max-height:none!important;overflow:visible!important;padding:0!important;
  }
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot .itodi-segment-type-grid[data-im-row][style*="--iv-interior-columns:4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot [data-simple-kind]{
    display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;
    gap:5px!important;flex:initial!important;min-width:0!important;max-width:none!important;width:100%!important;
    min-height:46px!important;max-height:none!important;height:46px!important;padding:7px 4px!important;
    border-radius:9px!important;font:500 12px/1.2 Manrope,sans-serif!important;
  }
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot [data-simple-kind] .itodi-segment-type-icon{
    display:flex!important;flex:0 0 18px!important;min-width:18px!important;width:18px!important;height:22px!important;margin:0!important;
  }
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot [data-simple-kind] svg{width:18px!important;height:22px!important}
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot [data-simple-kind] strong{font:500 12px/1.2 Manrope,sans-serif!important;white-space:nowrap!important}
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot .itodi-simple-counter{display:grid!important;grid-template-columns:40px 38px 40px!important;width:120px!important;max-width:120px!important;min-width:120px!important;height:42px!important;padding:0!important;border-radius:9px!important}
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot .itodi-simple-counter>input{width:38px!important;min-width:0!important;max-width:38px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;font:500 16px/1.2 Manrope,sans-serif!important;text-align:center!important}
  html#itodiUi.itodi-mobile-272[data-itodi-interior-compact417] #step5ProgressiveRoot .itodi-simple-counter>button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}
}
