button.button.jr-bc-customize-btn {
  width: 100%;
  background: #00aeef;
  margin: 30px 0;
  padding: 20px;
  text-align: center;
  color: #fff
}

.woocommerce div.product .jr-bc-builder,
.jr-bc-builder{
  width: 100%;
  margin: 0;
  border-radius: 0;
  background: #fff;
  --shadow: 0;
  --radius: 0;
  --radius-sm: 0;
}

/* Product-page "Customize" button */
.jr-bc-customize-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 10px 0 14px 0;
}

/* Fullscreen modal wrapper */
.jr-bc-modal{
  position: fixed;
  inset: 0;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
}
.jr-bc-modal.isOpen{ display: flex; }
.jr-bc-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.6);
}
.jr-bc-modal__panel{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  overflow: auto;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
}

.jr-bc-builder .jr-bc-alignBar {
  flex-wrap: wrap;
  align-items: unset;
  flex-direction: column;
  width: 100%;
  padding-bottom: 10px;
}

h4.jr-bc-alignBarTitle{
  font-size: 14px;
  color: #f8f8f8;
}

.jr-bc-builder .jr-bc-alignLabel {
  font-size: 12px;
  color: #ddd;
}
.jr-bc-builder .segmented {
  width: 100%;
  border-radius: 0!important
}
.jr-bc-builder .segmented__btn {
  width: 50%;
  height: 36px;
  font-size: 13px;
}

.jr-bc-builder .segmented__btn.isActive {
  background: #00aeef;
}

.jr-bc-builder .segmented__btn:focus {
  box-shadow: 0;
}

.jr-bc-builder .jr-bc-alignGroup {
  border-radius: 0;
}
.jr-bc-builder .jr-bc-alignBtn,
.jr-bc-builder .btn {
  height: 36px;
  font-size: 13px;
}
.jr-bc-builder .jr-bc-alignBtn {
  width: 33.33333333333333%;
}

button#resetBtn,
button#downloadSvgBtn {
  display: none!important;
}

.jr-bc-modal__close{
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  height: 40px;
  border-radius: 0;
  border: none;
  background: #ffdf25;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.jr-bc-modal__close svg {
  width: 20px;
  height: 20px;
}

.jr-bc-modal__close span {
  font-size: 14px;
  color: #232323;
  font-weight: bold;
  padding-left: 10px;
}
/* Give breathing room above the add-to-cart controls. */
.jr-bc-builder .app {
  flex-direction: unset;
}


.woocommerce form.cart .jr-bc-builder .topbar {
  width: 300px!important;
  background: #232323;
}

.woocommerce form.cart .jr-bc-builder .grid {
  width: calc(100% - 300px);
  padding: 0;
}

.jr-bc-builder .preview {
  background: #f8f8f8;
  padding: 0;
}

.jr-bc-builder .cardWrap {
  border: none;
  padding: 80px 40px;
}
/* Prevent theme styles from shrinking controls too much. */
.jr-bc-builder button,
.jr-bc-builder input,
.jr-bc-builder select{
  font-size: 14px;
}

/* Make the top controls wrap nicely on smaller screens. */
@media (max-width: 720px){
  .jr-bc-builder .topbar{
    align-items: flex-start;
  }
  .jr-bc-builder .topbar__actions{
    gap: 8px;
  }
  .jr-bc-builder .input--compact{
    width: 80px;
  }
  .jr-bc-builder .select--compact{
    max-width: 160px;
  }
  .jr-bc-builder .cardWrap{
    padding: 12px;
    min-height: 320px;
  }
}

/* Keep the builder from being cramped in narrow product layouts. */
.woocommerce div.product .summary .jr-bc-builder{
  max-width: 100%;
}