/* ILE product finish selector: keep these scoped rules in WP Rocket Used CSS. */
.summary .ile-product-finishes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 12px 0 24px;
  padding: 10px 0 14px;
  border-bottom: 1px solid rgba(0, 0, 0, .16);
}
.summary .ile-product-finishes__label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: inherit;
}
.ile-product-finishes__options {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.summary .ile-product-finishes__option {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-height: 48px;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  text-decoration: none;
  box-shadow: none;
}
.ile-product-finishes__swatch {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #a7a7a1;
  border-radius: 50%;
}
.ile-product-finishes__swatch--silver { background: linear-gradient(125deg, #d9d9d8, #f3f3f2 35%, #b3b3b2 72%, #d2d2d0); }
.ile-product-finishes__swatch--gold { background: linear-gradient(125deg, #c7a35b, #eedba1 35%, #bb9951 72%, #dbc38d); border-color: #bca268; }
.ile-product-finishes__swatch--bicolor { background: linear-gradient(90deg, #d9d9d7, #eeeeeB 35%, #bebebc 49.9%, #d8bd7c 50%, #eddaa3 70%, #bda164); }
.ile-product-finishes__swatch--multicolor { background: conic-gradient(#d8b46d, #b8b9bd, #9d7d72, #d8b46d); }
.ile-product-finishes__option.is-current .ile-product-finishes__swatch::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.ile-product-finishes__option.is-unavailable { opacity: .4; }
.ile-product-finishes__option:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.ile-product-finishes__option[href]:hover .ile-product-finishes__swatch { outline: 1px solid #8d8a80; outline-offset: 4px; }
@media (max-width: 700px) {
  .summary .ile-product-finishes { gap: 8px; margin-bottom: 20px; }
  .summary .ile-product-finishes__label { font-size: 13px; }
  .ile-product-finishes__options { gap: 4px; }
}

/* ILE catalog finish selector. Compact catalog: preserve the native grid and Rewards price renderer. */
.woocommerce ul.products li.product.type-product:not(.ile-catalog-insert) .ile-catalog-finish-row {
  display:flex; align-items:center; justify-content:space-between; gap:6px; margin:8px 0 4px; min-width:0;
}
.woocommerce ul.products li.product.type-product:not(.ile-catalog-insert) .ile-catalog-finish-row h2.woocommerce-loop-product__title {
  flex:1 1 auto; min-width:0; margin:0!important; padding:0!important; text-align:left;
}
.woocommerce ul.products li.product.type-product:not(.ile-catalog-insert) .ile-catalog-finish-row h2.woocommerce-loop-product__title a {
  justify-content:flex-start; text-align:left; overflow-wrap:anywhere;
}
.ile-catalog-finish-row .ile-product-finishes--archive { flex:0 0 auto; margin:0; padding:0; border:0; }
.ile-catalog-finish-row .ile-product-finishes__options { gap:0; }
.ile-catalog-finish-row .ile-product-finishes__option {
  display:flex; position:relative; align-items:center; justify-content:center; flex:0 0 24px; width:24px; min-height:32px;
  margin:0; padding:0; border:0; background:none; box-shadow:none; text-decoration:none;
}
.ile-catalog-finish-row .ile-product-finishes__swatch { width:14px; height:14px; }
.ile-catalog-finish-row .ile-product-finishes__option.is-current .ile-product-finishes__swatch::after { inset:-3px; }
.woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) .price {
  display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; column-gap:5px; row-gap:0;
  margin:0!important; padding:0!important; text-align:left; line-height:1.5;
  width:100%; align-self:stretch;
}
.woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) .price del,
.woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) .price ins { white-space:nowrap; }
@media(max-width:700px) {
  .ile-catalog-finish-row .ile-product-finishes__swatch { width:13px; height:13px; }
  .woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) .price { font-size:12px!important; }
}

/* Approved metal strokes: the catalogue stays compact; PDP has a larger sample. */
.ile-product-finishes__swatch--silver { background:linear-gradient(115deg,#989fa5 0%,#dce1e5 21%,#fff 39%,#b6bec5 61%,#edf1f4 83%,#b8c0c6 100%); }
.ile-product-finishes__swatch--gold { background:linear-gradient(115deg,#b99134 0%,#e2bd57 20%,#fff0ae 39%,#d4a42d 62%,#f7dc83 83%,#c99a2d 100%); }
.ile-product-finishes__swatch--bicolor { background:linear-gradient(90deg,#b5bec5 0%,#f6f8fa 24%,#b5bec5 49.5%,#d2a138 50%,#ffeb9c 75%,#d2a138 100%); }
.summary .ile-product-finishes__swatch {
  width:34px; height:9px; border:0; border-radius:0; box-shadow:inset 0 0 0 .5px rgba(80,71,47,.18);
}
.summary .ile-product-finishes__option { flex:0 0 48px; width:48px; min-height:48px; }
.summary .ile-product-finishes__options { gap:6px; }
.ile-catalog-finish-row .ile-product-finishes__swatch {
  width:16px; height:5px; border:0; border-radius:0; box-shadow:inset 0 0 0 .5px rgba(80,71,47,.18);
}
.summary .ile-product-finishes__option.is-current .ile-product-finishes__swatch::after,
.ile-catalog-finish-row .ile-product-finishes__option.is-current .ile-product-finishes__swatch::after {
  inset:auto 0 -8px 0; height:1px; border:0; border-radius:0; background:currentColor;
}
.ile-product-finishes__option[href]:hover .ile-product-finishes__swatch { outline:none; filter:brightness(1.06); }
@media(max-width:700px) {
  .summary .ile-product-finishes__swatch { width:30px; height:8px; }
  .summary .ile-product-finishes__option { flex-basis:44px; width:44px; min-height:48px; }
  .summary .ile-product-finishes__options { gap:4px; }
}

/* One text axis for all classic archive cards; image edges and grid stay intact. */
.woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) > h2.woocommerce-loop-product__title {
  margin:0!important; padding:10px 0 0!important;
  text-align:left; width:auto; align-self:stretch;
}
.woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) h2.woocommerce-loop-product__title a {
  justify-content:flex-start; text-align:left;
}
.woocommerce ul.products li.product.type-product.ile-catalog-card:not(.ile-catalog-insert) .ile-catalog-finish-row {
  margin:8px 0 4px; align-self:stretch;
}