.product-box-builder { position: static; box-sizing: border-box; display: block !important; width: 100%; max-width: 1200px; margin-inline: auto; padding: 16px 28px 72px !important; background: transparent; color: var(--migration-ink); flex-direction: row !important; }
.product-box-builder__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.product-box-builder__header .migration-eyebrow { margin: 0 0 12px; color: var(--migration-moss); font-size: 12px; font-weight: 500; line-height: 15px; letter-spacing: 2.4px; }
.product-box-builder__header h2 { margin: 0; font-size: 40px; font-weight: 500; line-height: 1.08; }
.product-box-builder .box-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; }
.product-box-builder .box-card { box-sizing: border-box; display: flex; min-width: 0; flex-direction: column; padding: 30px; border: 1px solid var(--migration-oat); border-radius: 20px; background: var(--migration-chalk); }
.product-box-builder .box-card--starter,
.product-box-builder .box-card--builder { min-height: 440px; }
.product-box-builder .box-card--cta { min-height: 0; }
.product-box-builder .box-card__cta-foot { margin-top: auto; padding-top: 24px; }
.product-box-builder .box-card h3 { margin: 0 0 8px; font-size: 26px; font-weight: 500; line-height: 1.5; }
.product-box-builder .box-card .sub { margin: 0 0 16px; color: #756e62; font-size: 14px; line-height: 1.6; }
.product-box-builder .box-list { margin: 0 0 6px; padding: 0; list-style: none; }
.product-box-builder .box-list li,.product-box-builder .byo-row { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--migration-oat); color: #38332c; font-size: 14px; line-height: 1.5; }
.product-box-builder .byo-row { min-height: 47px; }
.product-box-builder .swap-note { margin: 12px 0 6px; padding: 12px 14px; border: 1px solid var(--migration-oat); border-radius: 12px; background: var(--migration-paper); color: #756e62; font-size: 12.5px; line-height: 1.55; }
.product-box-builder .swap-note p { margin: 0; }
.product-box-builder .box-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 18px; }
.product-box-builder .box-price { font: 600 20px/normal "Hanken Grotesk",system-ui,sans-serif; }
.product-box-builder .box-price small { color: #9a9385; font: 500 12px/normal "Hanken Grotesk",system-ui,sans-serif; }
.product-box-builder .product-box-builder__button { display: inline-flex; min-height: 50px; align-items: center; gap: 8px; padding: 15px 30px; border: 0; border-radius: 999px; background: var(--migration-teal); color: var(--migration-chalk); font: 600 15px/normal "Hanken Grotesk",system-ui,sans-serif; text-decoration: none; cursor: pointer; }
.product-box-builder .product-box-builder__button:hover { background: var(--migration-teal-dark); color: var(--migration-chalk);}
.product-box-builder .product-box-builder__button:disabled { opacity: .45; cursor: not-allowed; }
.product-box-builder .miniqty { display: flex; flex: 0 0 auto; align-items: center; overflow: hidden; border: 1px solid #c4bbaa; border-radius: 999px; }
.product-box-builder .miniqty button { width: 28px; height: 28px; padding: 0; border: 0; background: transparent; color: var(--migration-ink); cursor: pointer; }
.product-box-builder .miniqty span { min-width: 22px; text-align: center; font: 600 13px/normal "Hanken Grotesk",system-ui,sans-serif; }
.product-box-builder__status:empty { display: none; }
.product-box-builder__status { margin: 8px 0 0; color: #756e62; font-size: 12px; text-align: right; }
@media (max-width: 900px) {
  .product-box-builder { padding: 16px 28px 72px !important; }
  .product-box-builder__header h2 { font-size: 30.72px; }
  .product-box-builder .box-grid { grid-template-columns: 1fr; }
  .product-box-builder .box-card--starter,
  .product-box-builder .box-card--builder { min-height: 0; }
}
@media (max-width: 480px) {
  .product-box-builder { padding: 16px 18px 40px !important; }
  .product-box-builder__header h2 { font-size: 28px; }
  .product-box-builder .box-grid { gap: 22px; }
  .product-box-builder__status { text-align: left; }
}