/*
 * CRS customer experience — v0.49.0
 * Card views, unified design tools, branded header and focused final checkout.
 */

.crs-configurator {
  --crs49-brand: #0b7568;
  --crs49-brand-dark: #07584f;
  --crs49-brand-soft: #e9f6f2;
  --crs49-ink: #172522;
  --crs49-muted: #6d7d78;
  --crs49-line: #dce6e2;
  --crs49-paper: #fff;
  --crs49-gold: #d6ad60;
}

/* Brand and version */
.crs-configurator .crs-builder-brand { min-width: 0; }
.crs-configurator .crs-brand-copy { min-width: 0; }
.crs-configurator .crs-brand-overline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.crs-configurator .crs-version-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border: 1px solid rgba(229, 201, 142, .3);
  border-radius: 999px;
  background: rgba(229, 201, 142, .1);
  color: #f0d9aa;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}
.crs-configurator .crs-brand-mark.has-custom-logo {
  width: clamp(72px, 8vw, 112px);
  height: 64px;
  flex-basis: clamp(72px, 8vw, 112px);
  padding: 7px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.96);
}
.crs-configurator .crs-brand-mark.has-custom-logo img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }

/* Unified tools menu */
.crs-configurator .crs-command-bar {
  position: relative;
  z-index: 38;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  margin-bottom: 11px;
  padding: 8px 9px 8px 14px;
  border: 1px solid var(--crs49-line);
  border-radius: 16px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 24px rgba(20,42,36,.06);
}
.crs-configurator .crs-command-intro { display: flex; align-items: center; gap: 10px; min-width: 0; }
.crs-configurator .crs-command-intro > i { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 11px; background: var(--crs49-brand-soft); color: var(--crs49-brand); font-style: normal; }
.crs-configurator .crs-command-intro > span { display: grid; gap: 2px; }
.crs-configurator .crs-command-intro b { color: var(--crs49-ink); font-size: 12px; }
.crs-configurator .crs-command-intro small { color: var(--crs49-muted); font-size: 9px; }
.crs-configurator .crs-tools-menu-wrap { position: relative; flex: 0 0 auto; }
.crs-configurator .crs-tools-toggle {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid #bdd5ce;
  border-radius: 11px;
  background: var(--crs49-brand-soft);
  color: var(--crs49-brand-dark);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
}
.crs-configurator .crs-tools-toggle > b { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--crs49-brand); color: #fff; font-size: 9px; }
.crs-configurator .crs-tools-toggle > i { font-style: normal; transition: transform .18s ease; }
.crs-configurator .crs-tools-toggle[aria-expanded="true"] > i { transform: rotate(180deg); }
.crs-configurator .crs-tools-menu[hidden] { display: none !important; }
.crs-configurator .crs-tools-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(390px, calc(100vw - 34px));
  max-height: min(640px, calc(100vh - 120px));
  overflow: auto;
  padding: 10px;
  border: 1px solid #cedbd6;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 65px rgba(17,37,32,.2);
}
.crs-configurator .crs-tools-menu-head { display: grid; gap: 3px; padding: 7px 8px 11px; border-bottom: 1px solid #e6ece9; }
.crs-configurator .crs-tools-menu-head span { color: var(--crs49-ink); font-size: 14px; font-weight: 900; }
.crs-configurator .crs-tools-menu-head small { color: var(--crs49-muted); font-size: 10px; }
.crs-configurator .crs-tools-group { display: grid; gap: 7px; padding: 10px 5px; border-bottom: 1px solid #edf1ef; }
.crs-configurator .crs-tools-group:last-child { border-bottom: 0; padding-bottom: 4px; }
.crs-configurator .crs-tools-group > b { color: #81908b; font-size: 9px; }
.crs-configurator .crs-tools-menu button:not(.crs-tools-toggle) { font: inherit; cursor: pointer; }
.crs-configurator .crs-tool-filter,
.crs-configurator .crs-open-designs {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 9px;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding: 8px;
  border: 1px solid #dfe8e4;
  border-radius: 13px;
  background: #f8faf9;
  color: var(--crs49-ink);
  text-align: right;
}
.crs-configurator .crs-tool-filter > i,
.crs-configurator .crs-open-designs > i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #fff; color: var(--crs49-brand); font-style: normal; box-shadow: inset 0 0 0 1px #e0e8e5; }
.crs-configurator .crs-tool-filter > em { color: #84938e; font-style: normal; }
.crs-configurator .crs-tool-filter > span,
.crs-configurator .crs-open-designs > span { display: grid; gap: 2px; }
.crs-configurator .crs-tool-filter strong,
.crs-configurator .crs-open-designs strong { color: var(--crs49-ink); font-size: 11px; }
.crs-configurator .crs-tool-filter small,
.crs-configurator .crs-open-designs small { color: var(--crs49-muted); font-size: 9px; }
.crs-configurator .crs-tool-filter:disabled { opacity: .52; cursor: not-allowed; }
.crs-configurator .crs-tools-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.crs-configurator .crs-tools-grid button { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 7px 9px; border: 1px solid #dfe8e4; border-radius: 11px; background: #fff; color: #3f514b; font-size: 10px; font-weight: 800; }
.crs-configurator .crs-tools-grid button i { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 8px; background: #f0f5f2; color: var(--crs49-brand); font-style: normal; }
.crs-configurator .crs-tools-grid button:hover,
.crs-configurator .crs-tool-filter:hover,
.crs-configurator .crs-open-designs:hover { border-color: #a9c9c0; background: var(--crs49-brand-soft); }
.crs-configurator .crs-tools-grid button:disabled { opacity: .45; cursor: not-allowed; }
.crs-configurator .crs-open-designs > b { display: grid; place-items: center; min-width: 27px; height: 27px; padding: 0 7px; border-radius: 999px; background: var(--crs49-ink); color: #fff; font-size: 10px; }
.crs-configurator .crs-tools-filter-slot[hidden] { display: none !important; }
.crs-configurator .crs-tools-filter-slot { padding-top: 3px; }
.crs-configurator .crs-tools-filter-slot .crs-filter-card { margin: 0; padding: 10px; border-radius: 13px; background: #fbfdfc; box-shadow: none; }
.crs-configurator .crs-tools-filter-slot .crs-filter-head { margin-bottom: 9px; }
.crs-configurator .crs-tools-filter-slot .crs-filter-head strong { font-size: 11px; }
.crs-configurator .crs-tools-filter-slot .crs-filter-toggle { display: none !important; }
.crs-configurator .crs-tools-filter-slot .crs-filters { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.crs-configurator .crs-tools-filter-slot .crs-filters label > span { font-size: 9px; }
.crs-configurator .crs-tools-filter-slot .crs-filters select { min-height: 38px; padding: 6px 8px; border-radius: 9px; font-size: 10px; }
.crs-configurator .crs-tools-filter-slot .crs-color-button-filter { grid-column: 1/-1; }

/* Catalog view selector */
.crs-configurator .crs-catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 1px 0 12px; padding: 9px 11px; border: 1px solid var(--crs49-line); border-radius: 14px; background: rgba(255,255,255,.92); }
.crs-configurator .crs-catalog-toolbar > div:first-child { display: grid; gap: 2px; }
.crs-configurator .crs-catalog-toolbar > div:first-child span { color: var(--crs49-muted); font-size: 9px; }
.crs-configurator .crs-catalog-toolbar > div:first-child strong { color: var(--crs49-ink); font-size: 11px; }
.crs-configurator .crs-card-view-switch { display: flex; gap: 3px; padding: 3px; border: 1px solid #dbe5e1; border-radius: 11px; background: #eef3f0; }
.crs-configurator .crs-card-view-btn { display: flex; align-items: center; gap: 5px; min-height: 31px; padding: 5px 8px; border: 0; border-radius: 8px; background: transparent; color: #687772; cursor: pointer; font: inherit; }
.crs-configurator .crs-card-view-btn b { font-size: 9px; }
.crs-configurator .crs-card-view-btn.active { background: #fff; color: var(--crs49-brand-dark); box-shadow: 0 4px 12px rgba(25,47,41,.09); }
.crs-configurator .crs-view-icon { display: grid; grid-template-columns: repeat(2,4px); grid-auto-rows: 4px; gap: 2px; width: 10px; }
.crs-configurator .crs-view-icon span { display: block; border-radius: 1px; background: currentColor; }
.crs-configurator .crs-view-icon-compact { grid-template-columns: repeat(2,5px); grid-auto-rows: 3px; }
.crs-configurator .crs-view-icon-list { grid-template-columns: 4px 9px; }

.crs-configurator .crs-card-grid[data-view="grid"] { grid-template-columns: repeat(auto-fill,minmax(225px,1fr)); }
.crs-configurator .crs-card-grid[data-view="compact"] { grid-template-columns: repeat(auto-fill,minmax(168px,1fr)); gap: 9px; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card { border-radius: 16px; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card > img,
.crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card > .crs-placeholder { height: 125px; border-radius: 12px; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-card-body { gap: 3px; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-card-body strong { font-size: 12px; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-gem-status,
.crs-configurator .crs-card-grid[data-view="compact"] .crs-gem-terms { display: none; }
.crs-configurator .crs-card-grid[data-view="list"] { grid-template-columns: 1fr; gap: 9px; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) { position: relative; display: grid; grid-template-columns: 138px minmax(0,1fr); align-items: stretch; min-height: 138px; padding: 8px; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > img,
.crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > .crs-gem-card-media,
.crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > .crs-placeholder { grid-column: 1; grid-row: 1; width: 138px; height: 100%; min-height: 120px; border-radius: 14px; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > .crs-card-body { grid-column: 2; grid-row: 1; align-content: center; padding: 7px 11px; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card { display: grid; grid-template-columns: 165px minmax(0,1fr); min-height: 170px; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card .crs-mount-slider { grid-column: 1; width: 165px; height: 100%; min-height: 170px; aspect-ratio: auto; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card .crs-mount-select { grid-column: 2; display: grid; align-content: center; }
.crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card .crs-card-body { padding: 15px !important; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-mount-card .crs-mount-slider { aspect-ratio: 1.12/1; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-mount-card .crs-mount-slider img { height: 100%; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card.crs-gem .crs-gem-card-media { height: 135px; }
.crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card.crs-gem .crs-gem-card-media img { height: 100%; min-height: 0; }

/* Attribute image selection: complete focus ring and neutral galleries */
.crs-configurator .crs-option-group.visual-options.single .crs-count-chip:not(.active),
.crs-configurator .crs-option-group.visual-options .crs-count-chip:not(.active) { border-color: var(--crs49-line) !important; background: #fff !important; color: var(--crs49-ink) !important; box-shadow: 0 5px 14px rgba(15,23,42,.045) !important; }
.crs-configurator .crs-option-group.visual-options .crs-count-chip.active { position: relative; overflow: visible; border: 2px solid var(--crs49-brand) !important; outline: 3px solid rgba(11,117,104,.14); outline-offset: 2px; background: #fff !important; box-shadow: 0 8px 24px rgba(11,117,104,.13) !important; }
.crs-configurator .crs-option-group.visual-options .crs-count-chip.active::after { content: none !important; }
.crs-configurator .crs-option-group.visual-options .crs-count-chip.active::before { content: "✓"; position: absolute; z-index: 5; top: 7px; right: 7px; display: grid; place-items: center; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 50%; background: var(--crs49-brand); color: #fff; font-size: 12px; font-weight: 900; box-shadow: 0 5px 13px rgba(11,117,104,.28); }
.crs-configurator .crs-option-group.visual-options .crs-count-chip.active .crs-choice-text b { color: var(--crs49-brand-dark) !important; }
.crs-configurator .crs-option-group.visual-options .crs-count-chip.active .crs-choice-text small { color: var(--crs49-muted) !important; }
.crs-configurator .crs-option-visual,
.crs-configurator .crs-option-thumbs i { overflow: hidden; background: #f1f4f2 !important; }
.crs-configurator .crs-option-visual img,
.crs-configurator .crs-option-thumbs img { filter: none !important; mix-blend-mode: normal !important; opacity: 1 !important; }
.crs-configurator .crs-option-group.visual-options .crs-count-chip.active .crs-option-visual { box-shadow: inset 0 0 0 1px rgba(11,117,104,.22); }

/* Final summary: one authoritative, expanded panel */
.crs-configurator .crs-summary-mobile-card { display: none; }
.crs-configurator .crs-final-intro { margin-bottom: 13px; padding: 20px; border: 1px solid #d7e5e0; border-radius: 19px; background: linear-gradient(145deg,#fff,#f1f8f5); box-shadow: 0 8px 24px rgba(20,42,36,.06); }
.crs-configurator .crs-final-intro > span { color: var(--crs49-brand); font-size: 10px; font-weight: 900; }
.crs-configurator .crs-final-intro h3 { margin: 5px 0 7px; color: var(--crs49-ink); font-size: 19px; }
.crs-configurator .crs-final-intro p { margin: 0; color: var(--crs49-muted); font-size: 11px; line-height: 1.9; }
.crs-configurator .crs-summary-layout { grid-template-columns: minmax(250px,.72fr) minmax(440px,1.28fr); gap: clamp(14px,2vw,25px); }
.crs-configurator .crs-summary-layout .crs-final-summary-panel { position: static; padding: 10px; border: 1px solid #cfded8; border-radius: 24px; background: linear-gradient(145deg,#fff,#eef7f4); box-shadow: 0 20px 55px rgba(20,42,36,.11); }
.crs-configurator .crs-summary-layout .crs-final-summary-panel .crs-summary-card { padding: clamp(17px,2vw,24px); border-color: transparent; box-shadow: none; }
.crs-configurator .crs-summary-layout .crs-final-summary-panel .crs-summary-title strong { font-size: 20px; }
.crs-configurator .crs-summary-layout .crs-summary-card ul { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 20px; }
.crs-configurator .crs-summary-layout .crs-price-breakdown,
.crs-configurator .crs-summary-layout .crs-price-box,
.crs-configurator .crs-summary-layout .crs-preparation-estimate,
.crs-configurator .crs-summary-layout .crs-next-box,
.crs-configurator .crs-summary-layout .crs-summary-visuals { grid-column: 1/-1; }
.crs-configurator .crs-final-checkout { margin-top: 9px; padding: 13px; border: 1px solid #c5dbd4; border-radius: 17px; background: #fff; box-shadow: 0 10px 28px rgba(20,42,36,.07); }
.crs-configurator .crs-final-checkout-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 9px; }
.crs-configurator .crs-final-checkout-head span { color: var(--crs49-ink); font-size: 12px; font-weight: 900; }
.crs-configurator .crs-final-checkout-head small { color: var(--crs49-muted); font-size: 9px; }
.crs-configurator .crs-final-checkout .crs-add-to-cart-form { margin: 0; }
.crs-configurator .crs-final-checkout .crs-add-to-cart-btn { min-height: 53px; font-size: 14px; }
.crs-configurator .crs-final-summary-panel > .crs-final-checkout { margin: 10px; }
.crs-configurator .crs-final-action-slot:empty { display: none; }

@media (max-width: 1050px) {
  .crs-configurator .crs-summary-layout { grid-template-columns: minmax(220px,.68fr) minmax(400px,1.32fr); }
  .crs-configurator .crs-summary-layout .crs-summary-card ul { grid-template-columns: 1fr; }
}

@media (min-width: 768px) and (max-width: 880px) {
  .crs-configurator .crs-builder-layout.crs-summary-layout { display: grid; grid-template-columns: minmax(210px,.65fr) minmax(390px,1.35fr); }
  .crs-configurator .crs-summary-layout .crs-order-summary { display: block; }
}

@media (max-width: 767px) {
  .crs-configurator .crs-builder-head { align-items: flex-start; }
  .crs-configurator .crs-brand-mark.has-custom-logo { width: 58px; height: 46px; flex-basis: 58px; padding: 4px; border-radius: 11px; }
  .crs-configurator .crs-brand-overline { gap: 4px; }
  .crs-configurator .crs-version-chip { min-height: 18px; padding: 2px 6px; font-size: 7px; }
  .crs-configurator .crs-kicker { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .crs-configurator .crs-command-bar { min-height: 49px; padding: 6px 7px 6px 9px; }
  .crs-configurator .crs-command-intro > i { width: 30px; height: 30px; flex-basis: 30px; }
  .crs-configurator .crs-command-intro small { display: none; }
  .crs-configurator .crs-tools-toggle { min-height: 36px; padding: 5px 8px; }
  .crs-configurator .crs-tools-toggle > span { font-size: 9px; }
  .crs-configurator .crs-tools-menu { position: fixed; z-index: 120; top: auto; right: 10px; bottom: calc(var(--crs-mobile-obstruction, 0px) + 10px); left: 10px; width: auto; max-height: min(72vh,620px); border-radius: 20px; }
  .crs-configurator .crs-tools-grid button { min-height: 44px; }
  .crs-configurator .crs-tools-filter-slot .crs-filters { grid-template-columns: 1fr; }

  .crs-configurator .crs-catalog-toolbar { position: sticky; z-index: 18; top: 5px; padding: 7px 8px; backdrop-filter: blur(10px); }
  .crs-configurator .crs-card-view-btn { padding: 5px 7px; }
  .crs-configurator .crs-card-view-btn b { display: none; }

  .crs-configurator .crs-card-grid[data-view="grid"] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .crs-configurator .crs-card-grid[data-view="compact"] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-mount-card,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-mount-card { display: flex; min-height: 0; grid-template-columns: none; flex-direction: column; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-mount-card .crs-mount-slider,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-mount-card .crs-mount-slider { width: 100%; height: auto; aspect-ratio: 1/1; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-mount-card .crs-card-body,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-mount-card .crs-card-body { padding: 9px !important; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-product-card.crs-gem,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card.crs-gem { display: grid; grid-template-columns: 1fr; min-height: 0; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-product-card.crs-gem .crs-gem-card-media,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card.crs-gem .crs-gem-card-media { grid-column: 1; grid-row: 1; width: 100%; height: auto; aspect-ratio: 1/1; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-product-card.crs-gem .crs-gem-card-media img,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card.crs-gem .crs-gem-card-media img { min-height: 0; height: 100%; }
  .crs-configurator .crs-card-grid[data-view="grid"] .crs-product-card.crs-gem .crs-card-body,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-product-card.crs-gem .crs-card-body { grid-column: 1; grid-row: 2; padding: 7px 4px; }
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-material-labels i:nth-child(n+2),
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-stone-size-labels i:nth-child(n+3),
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-card-action,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-gem-select-hint { display: none; }
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-slide-controls,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-slide-dots,
  .crs-configurator .crs-card-grid[data-view="compact"] .crs-mount-slider figcaption { display: none; }

  .crs-configurator .crs-card-grid[data-view="list"] { grid-template-columns: 1fr; }
  .crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card { grid-template-columns: 112px minmax(0,1fr); min-height: 150px; }
  .crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card .crs-mount-slider { width: 112px; min-height: 150px; }
  .crs-configurator .crs-card-grid[data-view="list"] .crs-mount-card .crs-card-body { padding: 9px !important; }
  .crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) { grid-template-columns: 106px minmax(0,1fr); min-height: 140px; }
  .crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > img,
  .crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > .crs-gem-card-media,
  .crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > .crs-placeholder { width: 106px; min-height: 122px; }
  .crs-configurator .crs-card-grid[data-view="list"] .crs-product-card:not(.crs-mount-card) > .crs-card-body { padding: 5px 7px; }

  .crs-configurator .crs-summary-mobile-card { display: block; margin-bottom: 11px; }
  .crs-configurator .crs-summary-mobile-card .crs-summary-card { box-shadow: 0 12px 30px rgba(20,42,36,.08); }
  .crs-configurator .crs-builder-ui[data-step="summary"] .crs-mobile-summary { display: none !important; }
  .crs-configurator .crs-final-intro { padding: 15px; }
  .crs-configurator .crs-final-intro h3 { font-size: 16px; }
  .crs-configurator .crs-final-checkout { position: sticky; z-index: 24; bottom: calc(var(--crs-mobile-obstruction,0px) + 8px); margin-bottom: 8px; }
  .crs-configurator .crs-final-checkout-head { display: grid; }
}

@media (max-width: 390px) {
  .crs-configurator .crs-command-intro > span > b { font-size: 10px; }
  .crs-configurator .crs-tools-toggle > span { max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .crs-configurator .crs-card-grid[data-view="grid"],
  .crs-configurator .crs-card-grid[data-view="compact"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .crs-configurator .crs-tools-toggle > i { transition: none; }
}