/* v0.1.30 - centered note text that moves upward naturally as lines are added. */
.bg-box-note-modal[hidden],
.bg-kutu-mobile__dock[hidden],
.bg-kutu-mobile__expanded[hidden],
.bg-box-note-preview__sender[hidden],
.bg-box-note-modal__sender[hidden] { display: none !important; }

:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift { display: grid; gap: 10px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift label { margin: 0; }
.bg-box-note-preview {
  box-sizing: border-box;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e4e9d8;
  border-radius: 18px;
  background: #fffefb;
}
.bg-box-note-preview__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bg-box-note-preview__header strong { color: #2b3f2c; font-size: 15px; }
.bg-box-note-preview__expand {
  min-height: 36px;
  padding: 7px 14px !important;
  border: 1px solid #d7ddc8 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #4e6631 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  cursor: pointer;
}
.bg-box-note-preview__expand:focus-visible, .bg-box-note-modal__close:focus-visible { outline: 2px solid #718447; outline-offset: 3px; }
.bg-box-note-preview__single { position: relative; width: min(100%, 234px); margin: 0 auto; container-type: inline-size; }
.bg-box-note-preview__single img { display: block; width: 100%; height: auto; }
.bg-box-note-preview__single-overlay { position: absolute; inset: 0; pointer-events: none; }
/* The text uses the handwritten-style font seen on the reference card.
   Font size is fixed for a given preview width, regardless of message length. */
.bg-box-note-preview__message,
.bg-box-note-modal__message {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2d3826;
  font-family: 'Allura', 'Segoe Script', 'Brush Script MT', cursive;
  font-style: normal;
  font-weight: 400;
  line-height: 1.13;
  text-align: center;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow: hidden;
}

.bg-box-note-preview__message-text,
.bg-box-note-modal__message-text {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}
/* A short message sits in the middle of its text-safe region.
   As lines are added, its first line rises while font size stays constant. */
.bg-box-note-preview__message {
  position: absolute;
  top: 12%;
  left: 13%;
  width: 74%;
  height: 51%;
  font-size: 11px; /* fallback */
  font-size: 5.4cqw; /* fixed for 1..250 characters at any given image width */
}
.bg-box-note-preview__sender, .bg-box-note-modal__sender {
  position: absolute;
  margin: 0;
  text-align: center;
  color: #41552f;
  font-family: 'Allura', 'Segoe Script', 'Brush Script MT', cursive;
  font-style: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
}
.bg-box-note-preview__sender { left: 12%; right: 12%; top: 73.5%; font-size: 12px; font-size: 5cqw; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift input[name='bg_box_note_sender'] {
  width: 100%; min-height: 46px; padding: 9px 12px;
  border: 1px solid #e1e3d4; border-radius: 10px; background: #fbfaf6;
  color: #29402c;
}
.bg-box-gift__hint { display: block; color: #657459; font-size: 12px; line-height: 1.5; }

/* The full-screen dialog exists only while opened; no default blur on page load. */
.bg-box-note-modal {
  position: fixed;
  z-index: 100010;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 12px;
}
.bg-box-note-modal__backdrop { position: absolute; inset: 0; background: rgba(20,31,21,.22); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.bg-box-note-modal__dialog { position: relative; width: min(88vw, 580px, 60dvh); max-height: 92dvh; }
.bg-box-note-modal__close {
  position: absolute; z-index: 3; top: 12px; right: 12px;
  display: grid !important; place-items: center;
  width: 42px !important; height: 42px !important; padding: 0 !important;
  border: 1px solid #d6dbc8 !important; border-radius: 50% !important;
  background: #fffefa !important; color: #31482f !important;
  box-shadow: 0 6px 20px rgba(41,52,37,.18) !important;
  font-size: 28px !important; line-height: 1 !important;
  cursor: pointer;
}
.bg-box-note-modal__art { position: relative; width: 100%; container-type: inline-size; }
.bg-box-note-modal__art img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 12px 34px rgba(28,36,26,.18); }
.bg-box-note-modal__overlay { position: absolute; inset: 0; pointer-events: none; }
/* On the double-card image, 54-90% X and 30-55% Y is the blank note area. */
.bg-box-note-modal__message {
  position: absolute;
  left: 54%;
  top: 30%;
  width: 36%;
  height: 29%;
  font-size: 11px; /* fallback */
  font-size: 2.65cqw; /* fixed for 1..250 characters at any given image width */
}
.bg-box-note-modal__sender {
  left: 54%;
  top: 62%;
  width: 36%;
  font-size: 10px;
  font-size: 2.45cqw;
}
body.bg-box-note-modal-open { overflow: hidden; }

@media (max-width: 767px) {
  .bg-box-note-preview { padding: 10px; gap: 8px; }
  .bg-box-note-preview__single { width: min(100%, 196px); }
  /* Active keyboard: compact preview, with text anchored to the same card percentages. */
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift textarea { height: 112px !important; min-height: 112px !important; }
  .bg-box-note-modal__dialog { width: min(94vw, 400px, 60dvh); }
}
@media (prefers-reduced-motion: reduce) { .bg-box-note-modal * { transition: none !important; animation: none !important; } }

/* Compact note editor: writing on the left, the card on the right. */
.bg-box-builder[data-type="premium"] .bg-box-editor { grid-template-columns: minmax(0, 1fr); }
.bg-box-builder .bg-box-gift { display: block; border: 0; padding: 0; }
.bg-box-builder .bg-box-gift-details {
  border: 1px solid #dfe5d2; border-left: 4px solid #84953e;
  border-radius: 14px; background: #f7f8f1; overflow: hidden;
}
.bg-box-builder .bg-box-gift-details > summary {
  display: flex; align-items: center; gap: 12px; min-height: 66px;
  padding: 10px 16px; list-style: none; color: #29402c; cursor: pointer;
}
.bg-box-builder .bg-box-gift-details > summary::-webkit-details-marker { display: none; }
.bg-box-sage-gift { display: block; width: 30px; height: 30px; color: #6c8055; }
.bg-box-builder .bg-box-gift-details__body {
  display: grid; grid-template-columns: minmax(0, 1fr) 210px;
  align-items: start; gap: 18px; padding: 0 16px 16px;
}
.bg-box-builder .bg-box-gift-details:not([open]) > .bg-box-gift-details__body { display: none; }
.bg-box-note-fields { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bg-box-note-fields label { margin: 0; font-size: 14px; font-weight: 600; color: #344b31; }
.bg-box-optional { color: #707c65; font-weight: 400; font-size: .87em; }
.bg-box-builder .bg-box-note-fields textarea {
  box-sizing: border-box; display: block; width: 100%; height: 130px !important;
  min-height: 130px !important; padding: 12px 14px; margin: 0;
  border: 1px solid #d7ddcb; border-radius: 10px; background: #fffefb;
  color: #29402c; font: inherit; font-size: 15px; line-height: 1.5; resize: vertical;
}
.bg-box-builder .bg-box-note-fields input { box-sizing: border-box; width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid #d7ddcb; border-radius: 10px; background: #fffefb; color: #29402c; }
.bg-box-note-counter { display: block; text-align: right; color: #657459; font-size: 12px; font-variant-numeric: tabular-nums; line-height: 1.2; }
.bg-box-builder .bg-box-note-preview { min-width: 0; padding: 10px; gap: 8px; align-self: start; }
.bg-box-builder .bg-box-note-preview__single { width: min(100%, 170px); }
.bg-box-builder .bg-box-note-preview__header { gap: 5px; flex-wrap: wrap; }
.bg-box-builder .bg-box-note-preview__header strong { font-size: 12px; }
.bg-box-builder .bg-box-note-preview__expand { min-height: 30px; padding: 5px 8px !important; font-size: 11px !important; }
.bg-box-note-preview__message { font-size: 9cqw; }
.bg-box-note-preview__sender { font-size: 6.5cqw; }
.bg-box-note-modal__message { font-size: 3.8cqw; }
.bg-box-note-modal__sender { font-size: 3cqw; }
.bg-box-builder .bg-box-no-price { grid-column: 1 / -1; grid-row: auto; justify-self: start; margin: 2px 0 6px; padding: 4px 0; }
.bg-box-no-price .bg-box-check__text { font-size: 13px; line-height: 1.4; }

/* A single total includes packaging; no separate packaging price is exposed. */
.bg-box-builder .bg-box-summary {
  box-sizing: border-box; position: static; display: grid;
  grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 5px 16px;
  padding: 15px 18px; border: 1px solid #dee3d0; border-top: 2px solid #84953e;
  border-radius: 14px; background: linear-gradient(115deg,#fffefb,#f7f8f1);
  box-shadow: 0 3px 12px rgba(43,62,33,.035);
}
.bg-box-builder .bg-box-summary h4 { grid-column: 1; grid-row: 1; margin: 0; font-size: 15px; }
.bg-box-builder .bg-box-summary .bg-box-weight-total {
  grid-column: 1; grid-row: 2; display: block; margin: 0; color: #68755e; font-size: 12px; line-height: 1.5;
}
.bg-box-builder .bg-box-summary .bg-box-weight-total strong { margin-left: 0; }
.bg-box-builder .bg-box-summary > .bg-box-summary-total {
  grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column;
  align-items: flex-end; gap: 2px; margin: 0; padding: 0; border: 0; color: #657459; font-size: 11px;
}
.bg-box-builder .bg-box-summary > .bg-box-summary-total strong { display: block; color: #29402c; text-align: right; font-size: 24px; font-weight: 750; }
.bg-box-builder .bg-box-summary .bg-box-message { grid-column: 1 / -1; grid-row: 3; margin: 3px 0 0; font-size: 12px; line-height: 1.4; }
.bg-box-builder .bg-box-summary .bg-box-message:empty { display: none; }
@media (max-width: 767px) {
  .bg-box-builder .bg-box-gift-details__body { grid-template-columns: minmax(0,1fr); gap: 14px; padding: 0 13px 13px; }
  .bg-box-builder .bg-box-note-preview { width: 100%; }
  .bg-box-builder .bg-box-note-preview__single { width: min(100%,160px); }
  .bg-box-builder .bg-box-summary { padding: 13px 14px; gap: 4px 10px; }
  .bg-box-builder .bg-box-summary > .bg-box-summary-total strong { font-size: 22px; }
  .bg-box-builder .bg-box-summary .bg-box-weight-total { font-size: 11px; }
}

/* v0.1.30: keep the gift option visible without occupying the full page. */
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-embed__finish {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-embed__finish > .bg-box-embed__assurance,
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-embed__finish > .bg-box-gift,
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-embed__finish > .bg-box-summary,
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-embed__finish > .bg-box-embed__purchase {
  grid-column: 1;
  grid-row: auto;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift {
  display: block;
  padding: 0;
  border: 0;
}
.bg-box-embed .bg-box-embed__assurance { margin: 0; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary { padding: 14px 18px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary h4 { margin-bottom: 2px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary > .bg-box-summary-total strong { font-size: 1.45em; }
.bg-box-embed__purchase { width: min(100%, 480px); justify-self: end; }

:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details {
  border: 1px solid #dfe5d2;
  border-left: 4px solid #84953e;
  border-radius: 14px;
  background: #f7f8f1;
  overflow: hidden;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 10px 16px;
  list-style: none;
  color: #29402c;
  cursor: pointer;
}
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details > summary::-webkit-details-marker { display: none; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details > summary:focus-visible { outline: 2px solid #637c2c; outline-offset: -3px; }
.bg-box-gift-details__icon { flex: 0 0 auto; font-size: 25px; line-height: 1; }
.bg-box-gift-details__copy { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; }
.bg-box-gift-details__copy strong { font-size: 16px; line-height: 1.25; }
.bg-box-gift-details__copy small { color: #667261; font-size: 12px; line-height: 1.35; }
.bg-box-gift-details__toggle {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1.5px solid #738637;
  border-radius: 50%;
  color: #738637;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  transition: transform .2s;
}
.bg-box-gift-details[open] .bg-box-gift-details__toggle { transform: rotate(45deg); }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details__body { display: grid; gap: 9px; padding: 0 16px 16px; }
:is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details:not([open]) > .bg-box-gift-details__body { display: none; }
@media (max-width: 767px) {
  .bg-box-embed__purchase { width: 100%; justify-self: stretch; }
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-gift-details > summary { min-height: 74px; padding: 11px 13px; }
  :is(.bg-box-embed, .bg-box-native-ui) .bg-box-summary { padding: 14px; }
}

/* v0.1.30: readable summary and a balanced message/card composition. */
.bg-box-builder .bg-box-summary .bg-box-weight-total {
  color: #3e513a; font-size: 14px; font-weight: 600; line-height: 1.55;
}
.bg-box-builder .bg-box-summary .bg-box-weight-total-value { font-weight: 750; }
.bg-box-builder .bg-box-gift-details__body {
  grid-template-columns: minmax(0, 1.35fr) minmax(230px, .8fr);
  gap: 24px; width: 100%; max-width: 1100px; margin-inline: auto;
  padding: 0 18px 18px; align-items: start;
}
.bg-box-builder .bg-box-note-fields { width: 100%; max-width: 650px; }
.bg-box-builder .bg-box-note-fields input[name="bg_box_note_sender"] {
  width: min(100%, 320px); max-width: 320px;
}
.bg-box-builder .bg-box-note-preview { width: 100%; max-width: 300px; justify-self: start; padding: 12px; }
.bg-box-builder .bg-box-note-preview__single { width: min(100%, 210px); }
.bg-box-builder .bg-box-note-preview__header strong { font-size: 13px; }
.bg-box-note-modal__dialog { width: min(94vw, 720px, 66dvh); }
.bg-box-note-modal__art img { aspect-ratio: 750 / 1000; height: auto; }
.bg-box-native-ui.bg-box-builder {
  margin: 16px 0 8px; padding: 0; border: 0; border-radius: 0; background: transparent;
}
.bg-box-native-ui.bg-box-builder > h3 { display: none; }
.bg-box-native-ui.bg-box-builder > p:not(.bg-box-edit-note) { margin-bottom: 16px; font-size: 14px; line-height: 1.5; }
.bg-box-native-ui .bg-box-editor { gap: 18px; }
.bg-box-native-ui .bg-box-embed__finish { min-width: 0; }
body.bg-box-premium-ui form.cart:not(.bg-box-embed-form) .single_add_to_cart_button {
  min-height: 52px; padding: 12px 20px; border: 0; border-radius: 999px;
  background: #738637 !important; color: #fff !important; font: inherit; font-weight: 700;
}
body.bg-box-premium-ui form.cart:not(.bg-box-embed-form) .single_add_to_cart_button:hover { background: #647932 !important; }
@media (max-width: 767px) {
  .bg-box-builder .bg-box-gift-details__body { grid-template-columns: minmax(0,1fr); padding: 0 12px 14px; gap: 14px; }
  .bg-box-builder .bg-box-note-preview { max-width: 300px; justify-self: center; }
  .bg-box-builder .bg-box-note-preview__single { width: min(100%, 200px); }
  .bg-box-builder .bg-box-summary .bg-box-weight-total { font-size: 13.5px; }
  body.bg-box-premium-ui .entry-summary,
  body.bg-box-premium-ui .summary.entry-summary { padding-inline: 14px !important; }
  .bg-box-native-ui .bg-box-fields { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .bg-box-native-ui .bg-box-row { padding: 13px 12px; }
  .bg-box-native-ui .bg-box-weight { grid-template-columns: minmax(40px,1fr) auto auto; gap: 8px; }
  .bg-box-native-ui .bg-box-line-price { min-width: 70px; }
  .bg-box-native-ui .bg-box-summary { grid-row: auto; }
  .bg-box-note-modal__dialog { width: min(94vw, 460px, 66dvh); }
}
@container (max-width: 600px) {
  .bg-box-native-ui .bg-box-fields { grid-template-columns: minmax(0,1fr); }
  .bg-box-builder .bg-box-gift-details__body { grid-template-columns: minmax(0,1fr); }
  .bg-box-builder .bg-box-note-preview { justify-self: center; }
}

/* v0.1.33: keep text fully inside each card, including the enlarged card. */
.bg-box-note-preview__message-text,.bg-box-note-modal__message-text { flex: none; min-height: 0; }
.bg-box-note-preview__message { top: 12%; height: 46%; }
.bg-box-note-modal__message { left: 55%; width: 34%; top: 30%; height: 24%; }
.bg-box-note-preview__sender,.bg-box-note-modal__sender { max-height: 12%; overflow: hidden; }
.bg-box-builder .bg-box-gift-details__body { max-width: 1200px; grid-template-columns: minmax(0,1.5fr) minmax(230px,.8fr); gap: 28px; }
.bg-box-builder .bg-box-note-preview { justify-self: end; }
.bg-box-builder .bg-box-note-fields textarea { height: auto; max-height: 260px; overflow-y: auto; }
.bg-box-builder .bg-box-summary .bg-box-included { grid-column: 1/-1; grid-row: 4; margin: 3px 0 0; font-size: 12px; line-height: 1.45; color: #526346; }
.bg-box-builder .bg-box-message.is-error { color: #9e332e; font-size: 14px; font-weight: 650; padding: 8px 10px; background: #fff1ed; border-radius: 8px; }
.bg-box-builder .bg-box-weight input[type=range] { appearance: none; -webkit-appearance: none; width:100%; height: 26px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; accent-color:#75873d; }
.bg-box-builder .bg-box-weight input[type=range]::-webkit-slider-runnable-track { height:6px; border:0; border-radius:999px; background: linear-gradient(to right,#7b8e42 0 var(--bg-range-progress,0%),#e3e7d9 var(--bg-range-progress,0%) 100%); box-shadow:inset 0 1px 2px #29402c12; }
.bg-box-builder .bg-box-weight input[type=range]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:20px; height:20px; margin-top:-7px; border:3px solid #fffef9; border-radius:50%; background:#75873d; box-shadow:0 0 0 1px #7b8e4260,0 2px 5px #29402c22; }
.bg-box-builder .bg-box-weight input[type=range]::-moz-range-track { height:6px; border:0; border-radius:999px; background:#e3e7d9; }
.bg-box-builder .bg-box-weight input[type=range]::-moz-range-progress { height:6px; border-radius:999px; background:#7b8e42; }
.bg-box-builder .bg-box-weight input[type=range]::-moz-range-thumb { width:14px;height:14px;border:3px solid #fffef9;border-radius:50%;background:#75873d;box-shadow:0 0 0 1px #7b8e4260; }
.bg-box-builder .bg-box-weight input[type=range]:focus-visible { outline:2px solid #738637;outline-offset:3px;border-radius:8px; }
@media(max-width:767px){
 .bg-box-builder .bg-box-gift-details__body { grid-template-columns:minmax(0,1fr);gap:14px; }
 .bg-box-builder .bg-box-note-preview { justify-self:center; }
}
@container(max-width:600px){
 .bg-box-builder .bg-box-gift-details__body { grid-template-columns:minmax(0,1fr);gap:14px; }
 .bg-box-builder .bg-box-note-preview { justify-self:center; }
}
.bg-box-note-modal--single .bg-box-note-modal__dialog { width: min(94vw, 600px, 58dvh); }
.bg-box-note-modal--single .bg-box-note-modal__art img { aspect-ratio: 443 / 662; }
.bg-box-note-modal--single .bg-box-note-modal__message { left: 13%; width: 74%; top: 12%; height: 46%; }
.bg-box-note-modal--single .bg-box-note-modal__sender { left: 12%; width: 76%; top: 73.5%; height: 12%; }
.bg-box-note-preview__sender { height: 12%; }

/* v0.1.34: small spatial adjustments; price, limits and snapshots are unchanged. */
.bg-box-builder .bg-box-note-fields input[name="bg_box_note_sender"] { width:min(100%,368px);max-width:368px; }
@media(min-width:768px){
 .bg-box-builder .bg-box-note-preview { transform:translateX(clamp(-24px,-1.2vw,-12px)); }
}
@container(max-width:600px){
 .bg-box-builder .bg-box-note-preview { transform:none; }
}
.bg-box-note-modal--double .bg-box-note-modal__dialog { width:min(94vw,820px,68dvh); }
.bg-box-note-modal--double .bg-box-note-modal__art img { aspect-ratio:750/1000; }
.bg-box-note-modal--double .bg-box-note-modal__message { left:54.5%;width:36.5%;top:29.5%;height:25.5%; }
.bg-box-note-modal--double .bg-box-note-modal__sender { left:54.5%;width:36.5%;top:62%;height:10%; }
/* Reserve thumbnail space and keep the total readable. */
.bg-box-builder[data-type="premium"] .bg-box-row-top { min-height:38px; }
.bg-box-builder[data-type="premium"] .bg-box-preview { width:38px;height:38px;flex-basis:38px; }
.bg-box-builder[data-type="premium"] .bg-box-controls { flex-wrap:wrap;gap:12px 18px; }
.bg-box-builder .bg-box-step-chip {
 display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;
 border:1px solid #dfe5d1;border-radius:999px;background:#f5f7ee;color:#536844;
 font-size:12px;line-height:1.35;font-weight:600;
}
.bg-box-step-chip svg { flex:0 0 17px;width:17px;height:17px;color:#829643; }
.bg-box-builder[data-type="premium"] .bg-box-summary > .bg-box-summary-total { font-size:14px;gap:5px; }
.bg-box-builder[data-type="premium"] .bg-box-summary > .bg-box-summary-total strong { font-size:25px;line-height:1.2;font-weight:750; }
.bg-box-builder[data-type="premium"] .bg-box-summary .bg-box-message { grid-row:3; }
.bg-box-builder[data-type="premium"] .bg-box-summary .bg-box-included { grid-row:4; }
.bg-box-share { grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0; }
.bg-box-share__button {
 display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px !important;
 border:1px solid #cdd7ba !important;border-radius:999px !important;background:#fffef9 !important;
 color:#425d35 !important;font:inherit !important;font-size:13px !important;font-weight:650 !important;
 box-shadow:none !important;cursor:pointer;
}
.bg-box-share__button:focus-visible { outline:2px solid #718447;outline-offset:3px; }
.bg-box-share__status { color:#60734d;font-size:12px;line-height:1.45; }
.bg-box-share__url { flex:1 1 100%;width:100%;min-width:0; }
.bg-box-reorder { margin:12px 0; }
.bg-box-reorder small { display:block;margin-top:5px;font-size:12px;line-height:1.5; }

@media(min-width:1100px){
 body.bg-box-premium-ui .bg-box-native-layout > .bg-box-native-summary {
  translate:var(--bg-box-panel-shift,0px) 0;
 }
 body.bg-box-premium-ui .bg-box-native-ui .bg-box-weight { grid-template-columns:minmax(0,1fr) auto;gap:7px 14px; }
 body.bg-box-premium-ui .bg-box-native-ui .bg-box-weight input[type=range] { grid-column:1/-1; }
 body.bg-box-premium-ui .bg-box-native-ui .bg-box-weight output { grid-column:1; }
 body.bg-box-premium-ui .bg-box-native-ui .bg-box-weight .bg-box-line-price { grid-column:2;justify-self:end; }
}
@media(max-width:767px){
 .bg-box-builder .bg-box-summary { grid-template-columns:minmax(0,1fr);gap:9px;padding:17px 16px; }
 .bg-box-builder .bg-box-summary h4 { grid-column:1;grid-row:1;font-size:16px;margin:0; }
 .bg-box-builder .bg-box-summary .bg-box-weight-total { grid-column:1;grid-row:2;line-height:1.55; }
 .bg-box-builder .bg-box-summary > .bg-box-summary-total {
  grid-column:1;grid-row:3;flex-direction:row;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:6px 14px;width:100%;margin:3px 0 0;padding:12px 0 0;
  border-top:1px solid #dfe4d3;font-size:13px;line-height:1.35;
 }
 .bg-box-builder .bg-box-summary > .bg-box-summary-total strong { font-size:26px;line-height:1.2;overflow-wrap:anywhere; }
 .bg-box-builder .bg-box-summary .bg-box-message { grid-column:1;grid-row:4;margin:1px 0 0;line-height:1.55; }
 .bg-box-builder .bg-box-summary .bg-box-included { grid-column:1;grid-row:5;margin:0;line-height:1.55;font-size:12px; }
 .bg-box-builder .bg-box-note-preview { transform:none; }
}
@media(max-width:767px){
 .bg-box-builder[data-type="premium"] .bg-box-summary > .bg-box-summary-total { font-size:14px; }
 .bg-box-builder[data-type="premium"] .bg-box-summary > .bg-box-summary-total strong { font-size:24px; }
 .bg-box-builder[data-type="premium"] .bg-box-summary > .bg-box-message { grid-row:4; }
 .bg-box-builder[data-type="premium"] .bg-box-summary > .bg-box-included { grid-row:5; }
 .bg-box-builder .bg-box-step-chip { font-size:11px;padding:6px 9px; }
}

/* v0.1.43: the enlarged card uses the same text area as the small card. */
.bg-box-note-modal--double .bg-box-note-modal__message { left:57.1533%;width:30.0933%;top:32.196%;height:21.068%; }
.bg-box-note-modal--double .bg-box-note-modal__sender { left:56.7467%;width:30.9067%;top:60.363%;height:5.496%; }
.bg-box-builder .bg-box-summary .bg-box-included { display:flex;align-items:flex-start;gap:7px; }
.bg-box-included svg { flex:0 0 16px;width:16px;height:16px;margin-top:1px; }
/* Blocksy supplies an SVG as well as a legacy font glyph. Keep just the SVG. */
body.bg-box-premium-ui form.cart .quantity :is(.ct-increase,.ct-decrease)::before,
body.bg-box-premium-ui form.cart .quantity :is(.ct-increase,.ct-decrease)::after,
.bg-box-embed .bg-box-embed__quantity-step::before,
.bg-box-embed .bg-box-embed__quantity-step::after { content:none!important;display:none!important; }
.bg-box-embed .bg-box-embed__quantity .quantity :is(.ct-increase,.ct-decrease,.plus,.minus) { display:none!important; }
.bg-box-embed .bg-box-embed__quantity .quantity input.qty { appearance:textfield; }
.bg-box-embed .bg-box-embed__quantity .quantity input.qty::-webkit-inner-spin-button,
.bg-box-embed .bg-box-embed__quantity .quantity input.qty::-webkit-outer-spin-button { appearance:none;margin:0; }
.bg-box-native-preview-actions { display:none; }
@media(min-width:768px){
 .bg-box-share--preview { justify-content:center;margin:14px auto 0;max-width:100%; }
 .bg-box-share--preview .bg-box-share__status { flex-basis:100%;text-align:center; }
 .bg-box-share--preview .bg-box-share__url { max-width:100%; }
 .bg-box-native-preview-actions { display:block;padding-top:12px; }
 .bg-box-native-gallery[data-thumbs="left"] > .bg-box-native-preview-actions {
  margin-inline-start:calc(var(--thumbs-width,100px) + var(--thumbs-spacing,15px));
 }
}