/* UltraMAX DEV: Step 3 collection preset equal-grid refinement.
   Structural correction applies to Classic and Refined, deliberately only
   to the Step 3 collection PRESET browser, not editable collection cards.
*/
#step-3 .s3-presets-experience .s3-preset-section-grid,
#step-3 .s3-preset-browser .s3-presets-experience .s3-preset-section-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  gap:10px !important;
}
#step-3 .s3-presets-experience .s3-preset-section.is-primary .s3-preset-section-grid,
#step-3 .s3-presets-experience .s3-preset-section[data-preset-group="worlds"] .s3-preset-section-grid,
#step-3 .s3-presets-experience .s3-preset-section[data-preset-group="connected"] .s3-preset-section-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:none !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid > .s3-preset-card {
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
/* An odd last item fills the row rather than leaving an accidental hole. */
#step-3 .s3-presets-experience .s3-preset-section-grid > .s3-preset-card:last-child:nth-child(odd) {
  grid-column:1 / -1 !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-strip,
#step-3 .s3-presets-experience .s3-preset-secondary .s3-preset-strip {
  flex:0 0 99px !important;
  width:100% !important;
  height:99px !important;
  min-height:99px !important;
  max-height:99px !important;
  background:#25283a;
  overflow:hidden !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-strip img {
  display:block;
  width:25% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center 28% !important;
  flex:1 1 25% !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-body,
#step-3 .s3-presets-experience .s3-preset-secondary .s3-preset-body {
  min-height:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:12px !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-titleline {
  min-height:32px !important;
  align-items:center !important;
  gap:7px !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-name {
  overflow-wrap:anywhere !important;
  line-height:1.28 !important;
  font-size:12px !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-desc {
  min-height:0 !important;
  flex:1 1 auto !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.43 !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-footer {
  margin-top:auto !important;
  min-height:28px !important;
  align-items:center !important;
  gap:5px !important;
  flex-wrap:wrap !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-tag {
  font-size:9px !important;
  padding:4px 6px !important;
}
#step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-add {
  font-size:10px !important;
  white-space:nowrap !important;
}
/* Light mode is applied by the Refined theme selector, not always by body.light-mode. */
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-presets-experience .s3-preset-card {
  background:#fff !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  box-shadow:none !important;
  color:#202b3b !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-presets-experience :is(.s3-preset-section,.s3-preset-section-heading) {
  background:#fff !important;
  background-image:none !important;
  border-color:#e3e9f1 !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-presets-experience :is(
 .s3-preset-name,.s3-preset-section-heading h3) {
  color:#202b3b !important;
  -webkit-text-fill-color:#202b3b !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-presets-experience :is(
 .s3-preset-desc,.s3-preset-section-heading p) {
  color:#58667a !important;
  -webkit-text-fill-color:#58667a !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-presets-experience :is(
 .s3-preset-add,.s3-preset-tag,.s3-preset-section-eyebrow) {
  color:#6155b5 !important;
  -webkit-text-fill-color:#6155b5 !important;
}
/* A subtle, legible credit for supplied creator images. */
#step-3 .um-kaptain-people-credit {
  font-size:10px;
  color:var(--muted);
  margin:8px 6px 0;
  line-height:1.4;
}
#step-3 .um-kaptain-people-credit a {color:var(--violet2);text-underline-offset:2px}
@media (max-width:400px) {
  #step-3 .s3-presets-experience .s3-preset-section-grid {gap:8px !important;}
  #step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-body {padding:9px !important;gap:6px !important;}
  #step-3 .s3-presets-experience .s3-preset-section-grid .s3-preset-name {font-size:11px !important;}
}