#product-id .p_details_container form:is(:has(.lz-customization-title), :has(.lz-palette)) {
  gap: 20px 16px !important;
  padding: clamp(14px, 2.2vw, 24px) !important;
  border: 1px solid #ded4f0 !important;
  border-radius: 14px !important;
  background: #f0ebf8 !important;
}

#product-id .lz-customization-title {
  font-size: 19px !important;
  line-height: 1.45 !important;
  padding-block-end: 12px !important;
  border-color: #d9cce9 !important;
  color: #392773 !important;
}

#product-id .p_details_container form:has(.lz-palette) > div.lz-palette-field {
  grid-column: auto;
  min-width: 0;
}

#product-id .lz-palette-field .variation_name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #312748 !important;
  margin-block-end: 6px !important;
}

#product-id .lz-palette-field .lz-palette {
  display: grid;
  grid-template-columns: repeat(auto-fit, 44px);
  gap: 2px;
  max-width: min(100%, 228px);
}

#product-id .lz-palette-field .lz-palette button > span {
  width: 30px;
  height: 30px;
}

#product-id .lz-purchase-actions {
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 10px !important;
}

#product-id .lz-purchase-actions > .checkout_btn {
  grid-area: 2 / 1 / auto / -1 !important;
  min-height: 52px !important;
  padding: 11px 16px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  border-radius: 8px !important;
}

#product-id .lz-purchase-actions .quantity_btn_container,
#product-id .lz-purchase-actions .add_to_cart_btn {
  min-height: 48px !important;
  border-radius: 8px !important;
}

#product-id .lz-purchase-actions .quantity_btn_container { width: 132px !important; }
#product-id .lz-purchase-actions .add_to_cart_btn {
  grid-area: 1 / 2 !important;
  width: 100% !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

@media (max-width: 560px) {
  #product-id .p_details_container form:has(.lz-palette) > div.lz-palette-field { grid-column: 1 / -1; }
}

@media (max-width: 360px) {
  #product-id .lz-purchase-actions { grid-template-columns: 106px minmax(0, 1fr) !important; }
  #product-id .lz-purchase-actions .quantity_btn_container { width: 106px !important; }
}