/* Keep the builder above the purchase controls in Blocksy's flex cart form. */
body.bg-box-product form.cart:not(.bg-box-embed-form) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 14px;
}
body.bg-box-product form.cart:not(.bg-box-embed-form) .bg-box-builder {
  flex: 0 0 100% !important;
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}
body.bg-box-product form.cart:not(.bg-box-embed-form) .single_add_to_cart_button {
  flex: 1 1 240px;
  min-height: 54px;
}

.bg-box-live-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #29402c;
}
.bg-box-live-price-label { font-size: .62em; font-weight: 600; }
.bg-box-live-price-amount { font-size: 1.05em; font-weight: 700; }
.bg-box-live-price-amount[hidden] { display: none !important; }

.bg-box-builder {
  container-type: inline-size;
  margin: 18px 0 8px;
  padding: clamp(18px, 2.6vw, 30px);
  border: 1px solid #dfe2d3;
  border-radius: 20px;
  background: #fcfaf4;
  color: #29402c;
}
.bg-box-builder h3 { margin: 0 0 6px; color: #29402c; font-size: clamp(23px, 2vw, 30px); }
.bg-box-builder > p { margin: 0 0 24px; color: #63705e; }
.bg-box-builder > .bg-box-edit-note {
  margin: 0 0 18px;
  padding: 12px 16px;
  border-left: 3px solid #78893f;
  border-radius: 8px;
  background: #f0f3e6;
  color: #344a2e;
}
.bg-box-edit-link {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 12px;
  border: 1px solid #aab88c;
  border-radius: 999px;
  color: #526c2f;
  font-size: .86em;
  font-weight: 600;
  text-decoration: none;
}
.bg-box-edit-link:hover, .bg-box-edit-link:focus-visible { background: #eff2e5; color: #29402c; }
.bg-box-editor {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(235px, .85fr);
  align-items: start;
  gap: clamp(16px, 2vw, 26px);
}
.bg-box-fields { min-width: 0; }
.bg-box-row {
  margin-bottom: 12px;
  padding: 16px 18px;
  border: 1px solid #e4e5d9;
  border-radius: 14px;
  background: #fffefa;
}
.bg-box-row[hidden], .bg-box-controls button[hidden], .bg-box-preview[hidden], .bg-box-row-remove[hidden] { display: none !important; }
.bg-box-row-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.bg-box-row-top > label { margin: 0; font-weight: 650; }
.bg-box-row-actions { display: inline-flex; align-items: center; gap: 8px; }
.bg-box-row-remove { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; min-width: 28px !important; padding: 0 !important; border: 1px solid #d1d8c1 !important; border-radius: 50% !important; background: #fffefa !important; box-shadow: none !important; color: #5b7049 !important; font: inherit !important; font-size: 22px !important; font-weight: 400 !important; line-height: 1 !important; cursor: pointer; }
.bg-box-row-remove:hover { border-color: #8b9c68 !important; background: #f1f4e8 !important; }
.bg-box-row-remove:focus-visible { outline: 2px solid #637c2c; outline-offset: 2px; }
.bg-box-preview {
  display: inline-flex;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #dfe2d3;
  border-radius: 10px;
  background: #f8f7f1;
  transition: border-color .18s ease, transform .18s ease;
}
.bg-box-preview:hover, .bg-box-preview:focus-visible { border-color: #72852f; transform: translateY(-2px); }
.bg-box-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bg-box-row select { display: block; width: 100%; max-width: none; min-height: 48px; border-radius: 10px; }
.bg-box-weight { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.bg-box-weight input[type="range"] { flex: 1; min-width: 0; accent-color: #72852f; cursor: pointer; }
.bg-box-weight output { min-width: 48px; font-weight: 600; white-space: nowrap; }
.bg-box-line-price { min-width: 76px; text-align: right; white-space: nowrap; }
.bg-box-controls { display: flex; align-items: center; gap: 14px; margin: 14px 0 20px; }
.bg-box-add { display: inline-flex; align-items: center; gap: 12px; width: auto; min-height: 46px; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #29402c !important; font-size: 1em !important; font-weight: 650 !important; line-height: 1.3 !important; text-transform: none !important; }
.bg-box-add-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border: 1px solid #78893f; border-radius: 50%; color: #637c2c; font-size: 27px; font-weight: 400; line-height: 1; }
.bg-box-add:hover .bg-box-add-icon { background: #eff2e3; }
.bg-box-add:focus-visible { outline: 2px solid #637c2c; outline-offset: 4px; }
.bg-box-count { display: inline-flex; flex-direction: column; gap: 2px; min-width: 0; color: #354c33; line-height: 1.25; }
.bg-box-count__current { font-size: .91em; font-weight: 700; }
.bg-box-count__remaining { color: #788374; font-size: .77em; }
.bg-box-gift { display: grid; gap: 10px; padding-top: 18px; border-top: 1px solid #e7e8dc; }
.bg-box-gift textarea { width: 100%; border-radius: 10px; }
.bg-box-check { display: flex; align-items: center; gap: 8px; }
.bg-box-check { position: relative; width: fit-content; max-width: 100%; min-height: 38px; cursor: pointer; }
.bg-box-check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.bg-box-gift-toggle { position: relative; display: inline-flex; flex: 0 0 62px; align-items: center; width: 62px; height: 34px; padding: 3px 5px; border: 1px solid #cbd3b7; border-radius: 999px; background: #eceee5; color: #82904f; transition: background-color .2s, border-color .2s; }
.bg-box-gift-toggle svg { position: absolute; z-index: 1; right: 7px; width: 19px; height: 19px; }
.bg-box-gift-toggle__knob { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fffdf8; box-shadow: 0 1px 5px rgba(35, 53, 27, .16); transform: translateX(0); transition: transform .2s; }
.bg-box-check input:checked + .bg-box-gift-toggle { border-color: #738637; background: #738637; color: #fff; }
.bg-box-check input:checked + .bg-box-gift-toggle svg { right: auto; left: 7px; }
.bg-box-check input:checked + .bg-box-gift-toggle .bg-box-gift-toggle__knob { transform: translateX(26px); }
.bg-box-check input:focus-visible + .bg-box-gift-toggle { outline: 2px solid #53662b; outline-offset: 3px; }
.bg-box-check__text { color: #344b31; font-weight: 600; }
.bg-box-summary {
  position: sticky;
  top: 110px;
  scroll-margin-top: 100px;
  padding: 22px;
  border: 1px solid #dbe0cb;
  border-radius: 16px;
  background: #f5f6ed;
  box-shadow: 0 10px 30px rgba(37, 57, 33, .05);
}
.bg-box-summary h4 { margin: 0 0 16px; color: #29402c; font-size: 1.1em; }
.bg-box-summary > div { display: flex; justify-content: space-between; gap: 12px; margin: 10px 0; }
.bg-box-summary > div strong { text-align: right; white-space: nowrap; }
.bg-box-summary > .bg-box-summary-total { padding-top: 14px; border-top: 1px solid #d5dac7; font-size: 1.17em; font-weight: 700; }
.bg-box-weight-total, .bg-box-message { margin: 10px 0 0; font-size: .91em; color: #63705e; }
.bg-box-weight-total { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.bg-box-weight-total-value { color: #29402c; font-weight: 650; white-space: nowrap; }
.bg-box-message:not(:empty) { min-height: 1.3em; }

@container (max-width: 690px) {
  .bg-box-editor { grid-template-columns: minmax(0, 1fr); }
  .bg-box-summary { grid-row: 1; position: static; top: auto; padding: 16px; }
}
@media (max-width: 767px) {
  /* A separate site-wide mobile cart bar appears after the purchase button. */
  body.bg-box-product .bg-mobile-sticky-cart,
  body.bg-box-product .ct-floating-bar { display: none !important; }
  .bg-box-editor { grid-template-columns: minmax(0, 1fr); }
  .bg-box-summary { grid-row: 1; position: static; top: auto; padding: 16px; }

}
@media (max-width: 560px) {
  .bg-box-builder { padding: 16px; }
  .bg-box-weight { flex-wrap: wrap; }
  .bg-box-weight input[type="range"] { flex-basis: 100%; }
  .bg-box-line-price { margin-left: auto; }
}

/* Movable premium box section: add [bg_premium_kutu] to a Shortcode block. */
.bg-box-embed {
  container-type: inline-size;
  position: relative;
  left: 50%;
  width: min(1680px, calc(100vw - 112px));
  max-width: none;
  margin: 32px auto;
  transform: translateX(calc(-50% - 30px));
  color: #29402c;
  font-family: Montserrat, var(--theme-font-family, sans-serif);
}
.bg-box-embed, .bg-box-embed * { box-sizing: border-box; }
.bg-box-embed__layout {
  display: grid;
  grid-template-columns: minmax(300px, .62fr) minmax(0, 1.38fr);
  gap: clamp(20px, 2.2vw, 34px);
  align-items: start;
}
.bg-box-embed__visual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(6px, .8vw, 14px);
  align-content: start;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}
.bg-box-embed__visual-item {
  display: block;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 1;
}
.bg-box-embed__visual-item img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: contain;
  transform: none;
}
.bg-box-embed__content {
  min-width: 0;
  padding: clamp(22px, 2.2vw, 34px);
  border: 1px solid #e3decc;
  border-top: 4px solid #84953e;
  border-radius: 24px;
  background: #fffdf8;
  box-shadow: 0 18px 48px rgba(38, 57, 34, .06);
}
.bg-box-embed__eyebrow {
  margin: 0 0 8px;
  color: #7d8b3c;
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bg-box-embed__content h2 {
  margin: 0 0 12px;
  color: #29402c;
  font-family: inherit;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1.1;
}
.bg-box-embed__lead {
  max-width: 62ch;
  margin: 0 0 12px;
  color: #596653;
  line-height: 1.6;
}
.bg-box-embed__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.bg-box-embed__highlights li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
  margin: 0;
  padding: 6px 11px;
  border: 1px solid #dfe4d0;
  border-radius: 999px;
  background: #f5f7ed;
  color: #43583a;
  font-size: .78em;
  font-weight: 600;
}
.bg-box-embed__highlights svg { flex: 0 0 16px; width: 16px; height: 16px; color: #788d43; }
.bg-box-embed .bg-box-builder {
  width: 100%;
  margin: 14px 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.bg-box-embed .bg-box-builder > h3,
.bg-box-embed .bg-box-builder > p:not(.bg-box-edit-note) { display: none; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-editor {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row { margin: 0; padding: 15px 16px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row { border: 1px solid #cbd4b7; border-left: 3px solid #85983f; background: #fffefa; box-shadow: 0 5px 15px rgba(43, 62, 33, .045); }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row.is-unselected { border-color: #bdc99e; border-left-color: #708632; background: #fffdf5; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row-top { margin-bottom: 6px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-preview { flex-basis: 38px; width: 38px; height: 38px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row select { min-height: 42px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row select.bg-box-native-select { position: absolute; width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0; opacity: 0; pointer-events: none; }
.bg-box-choice { position: relative; min-width: 0; }
.bg-box-choice__trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 46px; padding: 9px 14px !important; border: 1px solid #cdd6b9 !important; border-radius: 11px !important; background: #fff !important; box-shadow: none !important; color: #30452e !important; font: inherit !important; font-size: .94em !important; font-weight: 600 !important; line-height: 1.35 !important; text-align: left !important; text-transform: none !important; cursor: pointer; }
.bg-box-choice__trigger::after { content: ""; flex: 0 0 9px; width: 9px; height: 9px; margin: -4px 3px 0 0; border-right: 2px solid #738637; border-bottom: 2px solid #738637; transform: rotate(45deg); transition: transform .18s ease, margin .18s ease; }
.bg-box-choice__trigger[aria-expanded="true"]::after { margin: 4px 3px 0 0; transform: rotate(225deg); }
.bg-box-row.is-unselected .bg-box-choice__trigger { border-color: #91a762 !important; color: #536a37 !important; }
.bg-box-choice__trigger:hover, .bg-box-choice__trigger[aria-expanded="true"] { border-color: #738637 !important; background: #fcfdf6 !important; }
.bg-box-choice__trigger:focus-visible, .bg-box-choice__option:focus-visible { outline: 2px solid #667b35; outline-offset: 2px; }
.bg-box-choice__list { position: absolute; z-index: 100; inset-inline: 0; top: calc(100% + 6px); max-height: 262px; overflow: auto; padding: 6px; border: 1px solid #d5dcc4; border-radius: 13px; background: #fffefa; box-shadow: 0 16px 32px rgba(28, 46, 24, .17); }
.bg-box-choice__list[hidden] { display: none !important; }
.bg-box-choice__option { display: block; width: 100%; min-height: 38px; padding: 8px 11px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: #344b31 !important; font: inherit !important; font-size: .88em !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; text-transform: none !important; cursor: pointer; }
.bg-box-choice__option:hover, .bg-box-choice__option:focus-visible, .bg-box-choice__option[aria-selected="true"] { background: #eef2e4 !important; color: #30472b !important; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-weight { display: grid; grid-template-columns: minmax(70px, 1fr) auto auto; gap: 14px; margin-top: 11px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-weight input[type="range"] { width: 100%; min-width: 0; margin: 0; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-weight output { min-width: 42px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-line-price { min-width: 86px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-controls { grid-column: 1 / -1; flex-wrap: wrap; gap: 10px 18px; margin: 3px 0 0; }
.bg-box-embed__finish {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 20px 28px;
  align-items: start;
  min-width: 0;
}
.bg-box-embed__assurance {
  display: flex;
  align-items: center;
  gap: 13px;
  grid-column: 1 / -1;
  grid-row: 1;
  min-width: 0;
  margin: 4px 0 0;
  padding: 11px 15px;
  border: 1px solid #e1e7d5;
  border-radius: 12px;
  background: #f6f8f0;
  color: #455b40;
  font-size: .82em;
  line-height: 1.45;
}
.bg-box-embed__assurance-icons { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; color: #819247; }
.bg-box-embed__assurance-icons svg { width: 19px; height: 19px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift {
  grid-column: 1;
  grid-row: 2 / span 2;
  gap: 7px;
  min-width: 0;
  padding-top: 0;
  border-top: 0;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift textarea {
  height: 154px !important;
  min-height: 154px !important;
  max-height: 260px;
  padding: 11px 13px;
  resize: vertical;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary {
  grid-column: 2;
  grid-row: 2;
  position: static;
  top: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 14px;
  padding: 19px 22px;
  border: 1px solid #ded6c5;
  border-top: 3px solid #84953e;
  border-radius: 13px;
  background: #fffdf8;
  box-shadow: 0 6px 20px rgba(43, 62, 33, .05);
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary h4 { grid-column: 1 / -1; margin: 0 0 4px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary > div { display: block; min-width: 0; margin: 0; font-size: .87em; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary > div strong { display: block; text-align: left; font-size: 1.12em; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary > .bg-box-summary-total { padding: 0; border: 0; font-size: .94em; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary > .bg-box-summary-total strong { color: #203625; font-size: 1.24em; font-weight: 800; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-weight-total { grid-column: 1 / 2; display: block; margin: 4px 0 0; font-size: .8em; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-weight-total strong { margin-left: 4px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-message { grid-column: 2 / -1; margin: 4px 0 0; font-size: .8em; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-message.is-error { color: #a0382d; font-weight: 700; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-message.is-success { color: #526b32; font-weight: 700; }
.bg-box-embed__purchase {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-self: start;
  grid-column: 2;
  grid-row: 3;
  gap: 10px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.bg-box-embed__quantity {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: 52px;
  overflow: hidden;
  border: 1px solid #83944b;
  border-radius: 999px;
  background: #fffdf8;
}
.bg-box-embed__quantity .quantity {
  display: flex;
  flex: 0 0 46px;
  align-items: center;
  width: 46px;
  height: 100%;
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.bg-box-embed__quantity .quantity button,
.bg-box-embed__quantity .quantity .plus,
.bg-box-embed__quantity .quantity .minus,
.bg-box-embed__quantity .quantity .ct-increase,
.bg-box-embed__quantity .quantity .ct-decrease { display: none !important; }
.bg-box-embed__quantity input.qty {
  width: 46px !important;
  min-width: 0;
  height: 100% !important;
  min-height: 0;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: #29402c;
  font: inherit;
  font-weight: 700;
  text-align: center;
  appearance: textfield;
}
.bg-box-embed__quantity input.qty::-webkit-inner-spin-button,
.bg-box-embed__quantity input.qty::-webkit-outer-spin-button { margin: 0; appearance: none; }
.bg-box-embed__quantity-step {
  display: grid;
  flex: 0 0 36px;
  place-items: center;
  width: 36px;
  min-width: 36px !important;
  height: 50px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #526a35 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer;
}
.bg-box-embed__quantity-step:hover { background: #ecf1df !important; }
.bg-box-embed__quantity-step:focus-visible { outline: 2px solid #637c2c; outline-offset: -4px; }
.bg-box-embed__purchase .bg-box-embed__add-to-cart {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  min-height: 52px;
  margin: 0;
  padding: 0 14px;
  border-radius: 999px;
  background: #738637 !important;
  color: #fff !important;
  font-weight: 700;
  white-space: nowrap;
}
.bg-box-embed__purchase .bg-box-embed__add-to-cart:disabled { opacity: 1 !important; cursor: progress; }
.bg-box-embed__purchase .bg-box-embed__add-to-cart:hover { background: #647932 !important; }
.bg-box-flying-image {
  position: fixed;
  z-index: 100000;
  width: 72px;
  height: 72px;
  border-radius: 15px;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 9px 12px rgba(35, 54, 28, .22));
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-row select { font-size: 16px; }

@container (max-width: 1080px) {
  .bg-box-embed__layout { grid-template-columns: minmax(0, 1fr); }
  .bg-box-embed__visual { max-width: 540px; margin: 0 auto; }
}
@container (max-width: 720px) {
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-fields { grid-template-columns: minmax(0, 1fr); }
  .bg-box-embed__finish { grid-template-columns: minmax(0, 1fr); }
  .bg-box-embed__assurance,
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift,
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary,
  .bg-box-embed__purchase { grid-column: 1; grid-row: auto; }
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift textarea { height: 112px !important; min-height: 112px !important; }
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary > .bg-box-summary-total { grid-column: 1 / -1; }
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-weight-total,
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-message { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .bg-box-embed { left: auto; width: 100%; margin: 24px auto; transform: none; }
  .bg-box-embed__layout { gap: 16px; }
  .bg-box-embed__visual { gap: 4px; }
  .bg-box-embed__content { padding: 18px 14px; border-radius: 18px; }
  .bg-box-embed__content h2 { font-size: clamp(29px, 8vw, 38px); }
  .bg-box-embed__quantity-step { flex-basis: 32px; width: 32px; min-width: 32px !important; }
  .bg-box-embed__quantity .quantity,
  .bg-box-embed__quantity input.qty { flex-basis: 38px; width: 38px !important; }
}
/* The homepage builder must not pass its typography into the shared footer. */
body.home #footer.ct-footer { font-family: Montserrat, var(--theme-font-family, sans-serif); }