/* One palette for category tiles and the product card. */
.ipac-catalog-server .ipac-catalog-condition,
#product #ipac-used-condition {
  --ipac-condition-battery-bg: #edf8f1;
  --ipac-condition-screen-bg: #fff7df;
  --ipac-condition-body-bg: #f4f0fc;
  --ipac-condition-battery-ink: #50a277;
  --ipac-condition-screen-ink: #ba9333;
  --ipac-condition-body-ink: #a479da;
  --ipac-condition-label: #586d7c;
  --ipac-condition-value: #1c384b;
}
.ipac-catalog-server .ipac-catalog-condition {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  margin: 10px 0 2px;
  padding: 0;
}
.ipac-catalog-server .ipac-catalog-condition--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ipac-catalog-server .ipac-catalog-condition--1 { grid-template-columns: minmax(0, 1fr); }
.ipac-catalog-server .ipac-catalog-condition__item {
  appearance: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  min-width: 0;
  min-height: 74px;
  width: 100%;
  margin: 0;
  padding: 7px 2px;
  border: 0;
  border-radius: 10px;
  background: var(--condition-bg);
  color: var(--ipac-condition-value);
  font: inherit;
  text-align: center;
  white-space: normal;
  box-shadow: none;
  cursor: default;
}
.ipac-catalog-server .ipac-catalog-condition__item.has-description { cursor: help; }
.ipac-catalog-server .ipac-catalog-condition__item.has-description:hover { box-shadow: inset 0 0 0 1px var(--condition-ink); }
.ipac-catalog-server .ipac-catalog-condition__item:focus-visible { outline: 2px solid var(--condition-ink); outline-offset: 2px; }
.ipac-catalog-server .ipac-catalog-condition__item--battery {
  --condition-bg: var(--ipac-condition-battery-bg);
  --condition-ink: var(--ipac-condition-battery-ink);
}
.ipac-catalog-server .ipac-catalog-condition__item--screen {
  --condition-bg: var(--ipac-condition-screen-bg);
  --condition-ink: var(--ipac-condition-screen-ink);
}
.ipac-catalog-server .ipac-catalog-condition__item--body {
  --condition-bg: var(--ipac-condition-body-bg);
  --condition-ink: var(--ipac-condition-body-ink);
}
.ipac-catalog-server .ipac-catalog-condition__label {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 0;
  color: var(--ipac-condition-label);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.ipac-catalog-server .ipac-catalog-condition svg {
  display: block;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 7px;
  background: #fff;
  color: var(--condition-ink);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ipac-catalog-server .ipac-catalog-condition__value {
  display: block;
  margin: 3px 0 0;
  padding: 0;
  color: var(--ipac-condition-value);
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  white-space: nowrap;
}
.ipac-catalog-server .ipac-catalog-condition__tooltip {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 30;
  display: block;
  box-sizing: border-box;
  max-height: 260px;
  overflow-y: auto;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid #ccdee8;
  border-radius: 11px;
  background: #fff;
  color: #254451;
  box-shadow: 0 7px 22px rgba(23, 56, 75, .14);
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  white-space: pre-line;
  overflow-wrap: anywhere;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .12s ease, visibility .12s ease;
}
.ipac-catalog-server .ipac-catalog-condition__tooltip-title {
  display: block;
  margin-bottom: 5px;
  color: var(--ipac-condition-value);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}
.ipac-catalog-server .ipac-catalog-condition__item:hover .ipac-catalog-condition__tooltip,
.ipac-catalog-server .ipac-catalog-condition__item:focus .ipac-catalog-condition__tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ipac-catalog-server .ipac-product-server-card:hover,
.ipac-catalog-server .ipac-product-server-card:focus-within { position: relative; z-index: 5; }

/* Two IDs take precedence over the existing product pilot theme. */
#product #ipac-used-condition .ipac-used-condition__item--battery {
  --ipac-condition-tint: var(--ipac-condition-battery-bg) !important;
  --ipac-condition-ink: var(--ipac-condition-battery-ink) !important;
  background: var(--ipac-condition-battery-bg) !important;
}
#product #ipac-used-condition .ipac-used-condition__item--screen {
  --ipac-condition-tint: var(--ipac-condition-screen-bg) !important;
  --ipac-condition-ink: var(--ipac-condition-screen-ink) !important;
  background: var(--ipac-condition-screen-bg) !important;
}
#product #ipac-used-condition .ipac-used-condition__item--body {
  --ipac-condition-tint: var(--ipac-condition-body-bg) !important;
  --ipac-condition-ink: var(--ipac-condition-body-ink) !important;
  background: var(--ipac-condition-body-bg) !important;
}
#product #ipac-used-condition .ipac-used-condition__icon { color: var(--ipac-condition-ink) !important; }
#product #ipac-used-condition .ipac-used-condition__track span { background: var(--ipac-condition-ink) !important; }
#product #ipac-used-condition .ipac-used-condition__label,
#product #ipac-used-condition .ipac-used-condition__value small { color: var(--ipac-condition-label) !important; }
#product #ipac-used-condition .ipac-used-condition__value { color: var(--ipac-condition-value) !important; }

@media (max-width: 400px) {
  .ipac-catalog-server .ipac-catalog-condition { gap: 3px; }
  .ipac-catalog-server .ipac-catalog-condition__item { min-height: 72px; border-radius: 8px; }
  .ipac-catalog-server .ipac-catalog-condition__label { font-size: 10px; }
  .ipac-catalog-server .ipac-catalog-condition__value { font-size: 13px; }
  .ipac-catalog-server .ipac-catalog-condition__tooltip { padding: 10px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .ipac-catalog-server .ipac-catalog-condition__tooltip { transition: none; }
}

/* Saved crop squares: no resizing canvas, padding, or additional clipping. */
.ipac-catalog-server .ipac-product-server-card--has-crop{--ipac-crop-card-pad:14px;--ipac-crop-card-radius:21px}
.ipac-catalog-server .ipac-product-server-card--has-crop .ipac-product-server-card__gallery{margin:calc(-1 * var(--ipac-crop-card-pad)) calc(-1 * var(--ipac-crop-card-pad)) 0;border-radius:var(--ipac-crop-card-radius) var(--ipac-crop-card-radius) 0 0}
.ipac-catalog-server .ipac-product-server-card--has-crop .ipac-product-server-card__viewport{position:relative;height:auto!important;min-height:0!important;aspect-ratio:1 / 1}
.ipac-catalog-server .ipac-product-server-card--has-crop .ipac-product-server-card__track{position:absolute;inset:0}
.ipac-catalog-server .ipac-product-server-card--has-crop .ipac-product-server-card__slide img.ipac-product-server-card__cropped-image{padding:0!important;width:100%;height:100%;object-fit:cover!important}
@media(max-width:820px){.ipac-catalog-server .ipac-product-server-card--has-crop{--ipac-crop-card-pad:11px;--ipac-crop-card-radius:16px}}
@media(max-width:520px){.ipac-catalog-server .ipac-product-server-card--has-crop{--ipac-crop-card-pad:9px;--ipac-crop-card-radius:14px}}