.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill {
  display: inline-flex !important;
  /* flex-direction: column !important; */
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px !important;
  min-width: 31%;
  flex: 0 0 49%;
  padding: 20px 18px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 10px;
  background: #fff !important;
  cursor: pointer !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.15s, background 0.18s !important;
  position: relative !important;
  text-align: center !important;
  user-select: none !important;
}

.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:hover {
  border-color: #aaa !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.09) !important;
  transform: translateY(-1px) !important;
}

/* ── Selected state via :has() — no JS class needed ──── */
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(
  input:checked
) {
  border-color: #1a1a17 !important;
  /* background: #f47a20 !important; */
  /* box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18) !important; */
  outline: none;
}

.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(
  input:checked
) .custom-pill__label {
  /* color: #fff; */
}

.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(
  input:checked
) .custom-pill__price {
  /* color: rgb(255 255 255); */
}


.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill.is-out-of-stock {
  opacity: 0.4 !important;
  pointer-events: none !important;
  text-decoration: line-through !important;
}


.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  margin: 0 !important;
}


.custom-pill__label {
  font-size: 18px;
  /* font-weight: 700; */
  line-height: 1;
  color: #111;
  letter-spacing: 0.01em;
}

.custom-pill__price {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a17;
  line-height: 1;
  white-space: nowrap;
}
.custom-pill__price .wc-pills-regular_price{
    text-decoration: line-through;
    color: #ec5c5c;
    margin-right: 5px;
}

@media(max-width: 768px){
  .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill{
    flex: 0 0 100%;
  }
	.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pills{
		gap: 0px !important;
	}
}