/*
 * New Design v0 — compact component layout.
 *
 * Page Blocks owns the card background and border in
 * page-block-form-surfaces-v0-20261002.001.css.  Keeping layout here avoids
 * competing owners for shared palette values.
 */
.deceti-theme .deceti-page-customproduct-newdesign {
  padding-bottom: clamp(32px, 4vw, 64px);
}

/* The Start Design submit is a standard site button, not a form field. */
.deceti-theme .deceti-page-customproduct-newdesign .deceti-newdesign-submit {
  border: 1px solid #14213d;
  color: #ffffff;
  background-color: #14213d;
  background-image: none;
}

.deceti-theme .deceti-page-customproduct-newdesign .deceti-newdesign-submit:is(:hover, :focus-visible) {
  border-color: #3f5fb5;
  color: #ffffff;
  background-color: #3f5fb5;
}

.deceti-theme .deceti-page-customproduct-newdesign .product-image,
.deceti-theme .deceti-page-customproduct-newdesign .product-options {
  box-sizing: border-box;
  min-height: 0;
  border-radius: 16px;
}

.deceti-theme .deceti-page-customproduct-newdesign .product-image {
  display: grid;
  place-items: center;
  min-height: clamp(250px, 24vw, 340px);
  padding: clamp(16px, 2vw, 28px);
  text-align: center;
}

.deceti-theme .deceti-page-customproduct-newdesign #image_2 {
  display: block;
  width: 100%;
  max-width: 100%;
}

.deceti-theme .deceti-page-customproduct-newdesign .deceti-newdesign-image {
  display: block;
  width: min(100%, 430px);
  max-width: 430px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.deceti-theme .deceti-page-customproduct-newdesign .product-options {
  align-self: start;
  padding: clamp(18px, 2vw, 26px);
}

.deceti-theme .deceti-page-customproduct-newdesign .vertical-group {
  width: 100%;
  float: none;
}

.deceti-theme .deceti-page-customproduct-newdesign .deceti-newdesign-dimensions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

.deceti-theme .deceti-page-customproduct-newdesign .deceti-newdesign-dimension {
  flex: 1 1 240px;
  min-width: min(100%, 240px);
}

@media (max-width: 767px) {
  .deceti-theme .deceti-page-customproduct-newdesign .product-image {
    min-height: clamp(230px, 66vw, 300px);
  }
}