.mpab-admin-shell {
  --mpab-wb-ink: #424530;
  --mpab-wb-paper: #fffaf5;
  --mpab-wb-cream: #f3efe6;
  --mpab-wb-peach: #ffd8b6;
  --mpab-wb-orange: #de8a3f;
  --mpab-wb-line: #d8d3c7;
  --mpab-wb-muted: #6a716c;
  min-height: calc(100vh - 32px);
  padding: 30px 34px 80px;
  border-left: 1px solid var(--mpab-wb-line);
  color: var(--mpab-wb-ink);
  background: var(--mpab-wb-paper);
}

.mpab-admin-shell,
.mpab-admin-shell input,
.mpab-admin-shell select,
.mpab-admin-shell button {
  font-family: Montserrat, "WB Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mpab-order-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mpab-order-status::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  content: '';
}

.mpab-order-status--new {
  color: #8a4517;
  background: #fff0df;
}

.mpab-order-status--read {
  color: #24613a;
  background: #e5f5e9;
}

.mpab-order-received {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 4px 0 18px;
  padding: 18px 20px;
  border: 1px solid #b9dac2;
  border-radius: 10px;
  color: #214f31;
  background: #eff9f2;
}

.mpab-order-received__icon {
  display: grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #34754a;
  font-size: 17px;
  font-weight: 700;
}

.mpab-order-received strong {
  display: block;
  margin-top: 1px;
  font-size: 15px;
}

.mpab-order-received p {
  margin: 5px 0 0;
}

.mpab-order-received__mail {
  color: #4b6754;
  font-size: 12px;
}

.mpab-resend-client-email {
  display: grid;
  gap: 8px;
  max-width: 560px;
  margin: 18px 0 6px;
  padding: 16px 18px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 8px;
  background: var(--mpab-wb-cream);
}

.mpab-resend-client-email .description,
.mpab-resend-client-email .submit {
  margin: 0;
}

.mpab-order-archive__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.mpab-remove-order {
  margin: 14px 0 0;
}

.mpab-order-archive__actions .mpab-remove-order {
  margin: 0;
}

.mpab-remove-order__button {
  border-color: #b32d2e !important;
  color: #b32d2e !important;
  background: #fff !important;
}

.mpab-remove-order__button:hover,
.mpab-remove-order__button:focus {
  border-color: #8a2424 !important;
  color: #fff !important;
  background: #b32d2e !important;
}

.mpab-admin-hero {
  max-width: 1160px;
  margin: 0 0 30px;
  padding: 30px 34px 32px;
  overflow: hidden;
  border: 1px solid #efc69f;
  border-radius: 18px;
  background: linear-gradient(120deg, var(--mpab-wb-peach) 0%, #fff0e2 72%, var(--mpab-wb-paper) 100%);
  box-shadow: 0 10px 30px rgba(66, 69, 48, 0.07);
}

.mpab-admin-hero__brand {
  margin: 0 0 8px;
  color: #8b592f;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.mpab-admin-hero__logo {
  display: block;
  width: min(240px, 72%);
  height: auto;
  margin: 0 0 20px;
}

.mpab-admin-hero__title {
  margin: 0;
  color: var(--mpab-wb-ink);
  font-family: Futura, Montserrat, Arial, sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.02;
}

.mpab-admin-feedback {
  box-sizing: border-box;
  max-width: 1160px;
  margin: -10px 0 26px;
  padding: 14px 18px;
  border: 1px solid #b8d9c3;
  border-left: 4px solid #4aa56a;
  border-radius: 10px;
  background: #f0faf3;
  color: #34463a;
  box-shadow: 0 5px 16px rgba(66, 69, 48, 0.04);
}

.mpab-admin-feedback p {
  margin: 0;
}

.mpab-shortcode-card__intro {
  display: grid;
  gap: 4px;
  margin: 0 0 13px;
}

.mpab-shortcode-card__intro strong {
  color: var(--mpab-wb-ink);
  font-size: 15px;
}

.mpab-shortcode-card__intro span {
  color: var(--mpab-wb-muted);
  line-height: 1.5;
}

.mpab-admin-hero > p:last-child {
  max-width: 720px;
  margin: 15px 0 0;
  color: #655f55;
  font-size: 15px;
  line-height: 1.65;
}

.mpab-admin-shell > .card {
  border-color: var(--mpab-wb-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(66, 69, 48, 0.05);
}

.mpab-admin-back {
  display: inline-flex;
  margin: 0 0 18px;
  color: var(--mpab-wb-ink);
  font-weight: 650;
  text-decoration: none;
}

.mpab-admin-back:hover,
.mpab-admin-back:focus {
  color: #a85324;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.mpab-studio-home__hero {
	margin-bottom: 22px;
	padding: 22px 28px 24px;
	border-color: var(--mpab-wb-line);
	border-radius: 14px;
	background: #f5f1e9;
	box-shadow: none;
}

.mpab-studio-home__brandline {
	display: flex;
	align-items: center;
	gap: 24px;
}

.mpab-studio-home__hero .mpab-admin-hero__logo {
	width: min(210px, 55%);
	margin: 0;
}

.mpab-studio-home__hero .mpab-admin-hero__title {
	padding-left: 24px;
	border-left: 1px solid #b9b3a5;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 400;
	letter-spacing: -.035em;
}

.mpab-studio-home__hero > p:last-child {
	max-width: 760px;
	margin-top: 16px;
	padding-top: 15px;
	border-top: 1px solid #ded8cc;
}

.mpab-studio-home__intro {
  max-width: 760px;
  margin: 0 0 26px;
}

.mpab-studio-home__intro h2 {
  margin: 5px 0 10px;
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.15;
}

.mpab-studio-home__intro p {
  margin: 0;
  color: var(--mpab-wb-muted);
  font-size: 15px;
  line-height: 1.65;
}

.mpab-studio-home__grid {
  display: grid;
  max-width: 1160px;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mpab-studio-group {
	box-sizing: border-box;
	max-width: 1160px;
	margin-top: 22px;
	overflow: hidden;
	border: 1px solid var(--mpab-wb-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(66, 69, 48, .055);
}

.mpab-studio-group__header {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	padding: 28px 30px;
	border-bottom: 1px solid var(--mpab-wb-line);
	background: var(--mpab-wb-cream);
}

.mpab-studio-group__number {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border: 1px solid #d5ab8d;
	border-radius: 50%;
	color: #9e5128;
	background: #fff7f1;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
}

.mpab-studio-group__header h2 {
	margin: 4px 0 7px;
	color: var(--mpab-wb-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 400;
	letter-spacing: -.025em;
	line-height: 1.1;
}

.mpab-studio-group__header p {
	max-width: 720px;
	margin: 0;
	color: var(--mpab-wb-muted);
	font-size: 15px;
	line-height: 1.6;
}

.mpab-studio-accordion + .mpab-studio-accordion { border-top: 1px solid var(--mpab-wb-line); }

.mpab-studio-accordion > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 20px;
	gap: 18px;
	align-items: center;
	padding: 22px 30px;
	list-style: none;
	cursor: pointer;
	transition: background-color .18s ease;
}

.mpab-studio-accordion > summary::-webkit-details-marker { display: none; }
.mpab-studio-accordion > summary:hover { background: #fdfaf7; }
.mpab-studio-accordion > summary:focus-visible { outline: 2px solid #b75f35; outline-offset: -3px; }

.mpab-studio-accordion > summary::after {
	content: "+";
	color: #9f5730;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.mpab-studio-accordion[open] > summary { background: #fdfaf7; }
.mpab-studio-accordion[open] > summary::after { content: "−"; }

.mpab-studio-accordion__copy {
	display: grid;
	gap: 4px;
}

.mpab-studio-accordion__copy strong { color: var(--mpab-wb-ink); font-size: 17px; }
.mpab-studio-accordion__copy small { color: var(--mpab-wb-muted); font-size: 13px; line-height: 1.45; }

.mpab-studio-accordion__panel {
	padding: 4px 30px 28px;
	border-top: 1px solid #eee7dc;
	background: #fdfaf7;
}

.mpab-studio-accordion__panel > p {
	max-width: 720px;
	margin: 20px 0 17px;
	color: var(--mpab-wb-muted);
	line-height: 1.6;
}

.mpab-studio-accordion__panel .mpab-studio-settings__grid { padding-top: 24px; }
.mpab-studio-accordion__panel form > .button { margin-top: 18px; }

.mpab-studio-accordion__panel--promotions { padding-top: 24px; }
.mpab-studio-accordion__panel--promotions > .mpab-studio-promotions {
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.mpab-studio-accordion__panel--promotions > .mpab-studio-promotions > header { display: none; }

.mpab-studio-offer-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	padding: 24px;
}

.mpab-studio-offer-grid .mpab-studio-home-card { box-shadow: none; }

.mpab-studio-suggested-offer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 28px;
	margin: 24px 24px 0;
	padding: 24px;
	border: 1px solid #ead2c0;
	border-radius: 14px;
	background: #fff8f2;
}

.mpab-studio-suggested-offer__copy { max-width: 700px; }
.mpab-studio-suggested-offer__copy h3 {
	margin: 5px 0 8px;
	color: var(--mpab-wb-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.15;
}
.mpab-studio-suggested-offer__copy p {
	margin: 0;
	color: var(--mpab-wb-muted);
	font-size: 14px;
	line-height: 1.6;
}
.mpab-studio-suggested-offer__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 9px;
}
.mpab-studio-suggested-offer__actions form { margin: 0; }

.mpab-studio-suggested-offer__actions .button,
.mpab-studio-product-action.button {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 8px 17px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.25;
	text-decoration: none;
	box-shadow: none;
	transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.mpab-studio-suggested-confirm.button,
.mpab-studio-product-action.button {
	border-color: #414630;
	color: #fff;
	background: #414630;
}

.mpab-studio-suggested-preview.button {
	border-color: #c77b52;
	color: #87451f;
	background: #fff;
}

.mpab-studio-suggested-preview.button span,
.mpab-studio-product-action.button span {
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
}

.mpab-studio-suggested-offer__actions .button:hover,
.mpab-studio-suggested-offer__actions .button:focus,
.mpab-studio-product-action.button:hover,
.mpab-studio-product-action.button:focus {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(70, 54, 38, .13);
}

.mpab-studio-suggested-confirm.button:hover,
.mpab-studio-suggested-confirm.button:focus,
.mpab-studio-product-action.button:hover,
.mpab-studio-product-action.button:focus {
	border-color: #303526;
	color: #fff;
	background: #303526;
}

.mpab-studio-suggested-preview.button:hover,
.mpab-studio-suggested-preview.button:focus {
	border-color: #a85e37;
	color: #753818;
	background: #fffaf6;
}

.mpab-studio-offer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 15px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--mpab-wb-line);
}

.mpab-studio-offer-actions form { margin: 0; }
.mpab-studio-offer-actions a,
.mpab-studio-offer-actions .button-link {
	padding: 0;
	border: 0;
	color: #8f4b2a;
	background: transparent;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.mpab-studio-orders-drawer {
	box-sizing: border-box;
	max-width: 1160px;
	margin-top: 18px;
	border: 1px solid var(--mpab-wb-line);
	border-radius: 14px;
	background: #fff;
}

.mpab-studio-orders-drawer > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 18px;
	gap: 16px;
	align-items: center;
	padding: 18px 22px;
	list-style: none;
	cursor: pointer;
}

.mpab-studio-orders-drawer > summary::-webkit-details-marker { display: none; }
.mpab-studio-orders-drawer > summary::after { content: "+"; color: #9f5730; font-size: 22px; }
.mpab-studio-orders-drawer[open] > summary::after { content: "−"; }
.mpab-studio-orders-drawer > summary > span:first-child { display: grid; gap: 3px; }
.mpab-studio-orders-drawer > summary strong { color: var(--mpab-wb-ink); font-size: 15px; }
.mpab-studio-orders-drawer > summary small { color: var(--mpab-wb-muted); }

.mpab-studio-orders-drawer__count {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 50%;
	color: #8a4517;
	background: #fff0df;
	font-weight: 800;
}

.mpab-studio-orders-drawer .mpab-studio-orders-card__links {
	margin: 0;
	padding: 0 22px 22px;
}

.mpab-studio-home-card {
  position: relative;
  padding: 24px;
  overflow: hidden;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(66, 69, 48, 0.06);
}

.mpab-studio-home-card--shared {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
}

.mpab-studio-home-card--shared .mpab-studio-home-card__top {
  grid-column: 1 / -1;
}

.mpab-studio-home-card--shared h3,
.mpab-studio-home-card--shared p {
  grid-column: 1;
}

.mpab-studio-home-card--shared .button {
  grid-column: 2;
  grid-row: 2 / span 2;
}

.mpab-studio-home-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mpab-studio-home-card__number {
  color: #a45d2e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}

.mpab-studio-status {
  display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 66px;
	box-sizing: border-box;
  padding: 6px 10px;
	border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mpab-studio-status.is-ready { color: #24613a; border-color: #b9dec4; background: #e5f5e9; }
.mpab-studio-status.is-needed { color: #9b2c2c; border-color: #efb7b7; background: #fde8e8; }
.mpab-studio-status.is-optional { color: #8a4517; border-color: #f0c69f; background: #fff0df; }

.mpab-studio-home-card h3 {
  margin: 16px 0 7px;
  color: var(--mpab-wb-ink);
  font-size: 25px;
}

.mpab-studio-home-card p {
  max-width: 620px;
  margin: 0 0 20px;
  color: var(--mpab-wb-muted);
  line-height: 1.6;
}

.mpab-studio-home-card__visual {
  aspect-ratio: 3 / 2;
  margin: 18px -24px 0;
  overflow: hidden;
  background: var(--mpab-wb-cream);
}

.mpab-studio-home-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mpab-studio-home-card__visual + h3 { margin-top: 20px; }

.mpab-studio-home-card--product .mpab-studio-product-action { margin-top: 2px; }

.mpab-studio-home__lower {
  display: grid;
  max-width: 1160px;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
}

.mpab-studio-home__lower--orders { grid-template-columns: 1fr; }

.mpab-studio-start {
  box-sizing: border-box;
  max-width: 1160px;
  margin-top: 18px;
  padding: 26px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(66, 69, 48, .05);
}

.mpab-studio-start > header h2 {
  margin: 5px 0 18px;
  color: var(--mpab-wb-ink);
  font-size: 25px;
}

.mpab-studio-start__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.mpab-studio-start__actions form { margin: 0; }

.mpab-studio-start__action {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 78px;
  gap: 12px;
  align-items: center;
  padding: 17px 18px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 12px;
  color: var(--mpab-wb-ink);
  background: var(--mpab-wb-cream);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mpab-studio-start__action span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 50%;
  color: #9c522e;
  background: #fae5d5;
  font-size: 17px;
}

.mpab-studio-start__action strong { font-size: 15px; line-height: 1.35; }
.mpab-studio-start__action.is-primary { border-color: #b96538; color: #fff; background: #41452d; }
.mpab-studio-start__action.is-primary span { color: #41452d; background: #fff; }
.mpab-studio-start__action:hover,
.mpab-studio-start__action:focus { border-color: #c47750; color: var(--mpab-wb-ink); box-shadow: 0 9px 22px rgba(108, 72, 44, .11); transform: translateY(-1px); }
.mpab-studio-start__action.is-primary:hover,
.mpab-studio-start__action.is-primary:focus { color: #fff; background: #33372a; }

.mpab-studio-settings {
  box-sizing: border-box;
  max-width: 1160px;
  margin-top: 18px;
  padding: 26px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 16px;
  background: var(--mpab-wb-cream);
}

.mpab-studio-settings__header {
  max-width: 760px;
  margin-bottom: 20px;
}

.mpab-studio-settings__header h2 { margin: 5px 0 8px; font-size: 25px; }
.mpab-studio-settings__header p { margin: 0; color: var(--mpab-wb-muted); line-height: 1.6; }
.mpab-studio-settings__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mpab-studio-settings form > .button { margin-top: 18px; }
.mpab-studio-home .mpab-studio-promotions { box-sizing: border-box; max-width: 1160px; margin: 18px 0 0; }
.mpab-studio-home .mpab-studio-promotions .mpab-promotion-card { max-width: none; }

.mpab-studio-code-card,
.mpab-studio-orders-card {
  padding: 26px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 16px;
  background: var(--mpab-wb-cream);
}

.mpab-studio-code-card--top {
	box-sizing: border-box;
	display: grid;
	max-width: 1160px;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 26px;
	margin: 0 0 28px;
	padding: 24px 26px;
	transition: border-color 180ms ease, background-color 180ms ease;
}

.mpab-studio-code-card--top.is-blocked {
	border-color: #c76363;
	background: #fff0ef;
	box-shadow: inset 4px 0 0 #b94343;
}

.mpab-studio-code-card--top.is-blocked .mpab-section-kicker { color: #9e3030; }

.mpab-studio-code-card--top.is-ready {
	border-color: #a9ceb4;
	background: #f1f8f2;
	box-shadow: inset 4px 0 0 #3e7b50;
}

.mpab-studio-code-card--top.is-ready .mpab-section-kicker { color: #2f6841; }

.mpab-studio-code-card__code {
	display: grid;
	justify-items: end;
	gap: 8px;
	min-width: 250px;
}

.mpab-studio-code-card--top .mpab-studio-code-card__code code {
	margin: 0;
	font-size: 18px;
}

.mpab-studio-code-card--top .mpab-studio-code-card__code small {
	max-width: 300px;
	text-align: right;
}

.mpab-studio-return-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.mpab-studio-return-card h2 { margin: 6px 0 8px; }
.mpab-studio-return-card p { max-width: 650px; margin: 0; color: var(--mpab-wb-muted); line-height: 1.55; }

.mpab-email-preview__note {
	margin: 7px 0 12px;
	color: var(--mpab-wb-muted);
	font-size: 12px;
	line-height: 1.45;
}

.mpab-studio-code-card h2,
.mpab-studio-orders-card h2 { margin: 5px 0 8px; font-size: 23px; }
.mpab-studio-code-card p,
.mpab-studio-orders-card p { margin: 0; color: var(--mpab-wb-muted); line-height: 1.55; }
.mpab-studio-code-card code { display: inline-block; margin: 22px 0 9px; padding: 12px 15px; color: #fff; background: var(--mpab-wb-ink); font-size: 17px; }
.mpab-studio-code-card small { display: block; color: var(--mpab-wb-muted); }
.mpab-studio-orders-card__links { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 20px; }
.mpab-studio-orders-card__links a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--mpab-wb-line); border-radius: 10px; color: var(--mpab-wb-ink); background: #fff; text-decoration: none; }
.mpab-studio-orders-card__links strong { color: #a85324; font-size: 22px; }

@media (max-width: 782px) {
  .mpab-studio-home__grid,
  .mpab-studio-home__lower { grid-template-columns: 1fr; }
	.mpab-studio-offer-grid { grid-template-columns: 1fr; padding: 16px; }
	.mpab-studio-suggested-offer { grid-template-columns: 1fr; gap: 18px; margin: 16px 16px 0; padding: 20px; }
	.mpab-studio-suggested-offer__actions { justify-content: flex-start; }
	.mpab-studio-group__header { grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 22px 18px; }
	.mpab-studio-group__number { width: 40px; height: 40px; font-size: 17px; }
	.mpab-studio-accordion > summary { grid-template-columns: minmax(0, 1fr) auto 18px; gap: 10px; padding: 18px; }
	.mpab-studio-accordion__panel { padding: 4px 18px 22px; }
	.mpab-studio-start__actions { grid-template-columns: 1fr; }
	.mpab-studio-settings__grid { grid-template-columns: 1fr; }
  .mpab-studio-home-card--shared { display: block; }
  .mpab-studio-home-card--shared .mpab-studio-home-card__top { display: flex; }
	.mpab-studio-home-card--shared .button { margin-top: 4px; }
	.mpab-studio-orders-card__links { grid-template-columns: 1fr; }
	.mpab-studio-code-card--top { grid-template-columns: 1fr; }
	.mpab-studio-code-card__code { justify-items: start; min-width: 0; }
	.mpab-studio-code-card--top .mpab-studio-code-card__code small { text-align: left; }
	.mpab-studio-return-card { align-items: flex-start; flex-direction: column; }
	.mpab-studio-home__brandline { gap: 16px; }
	.mpab-studio-home__hero .mpab-admin-hero__logo { width: min(172px, 55%); }
	.mpab-studio-home__hero .mpab-admin-hero__title { padding-left: 16px; font-size: 30px; }
}

/* Separate Wall Art setup journey. */
.mpab-wall-admin {
  max-width: none;
}

.mpab-wall-admin__hero,
.mpab-wall-guide,
.mpab-wall-admin form {
  max-width: 1160px;
}

.mpab-wall-admin-panel {
  box-sizing: border-box;
  max-width: 1160px;
  margin: 18px 0 0;
  padding: 30px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(66, 69, 48, 0.05);
}

.mpab-wall-admin-panel[hidden],
.mpab-wall-product-admin[hidden] {
  display: none !important;
}

.mpab-wall-toggle {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin: 22px 0;
  padding: 18px 20px;
  border: 1px solid #d8d3c7;
  border-radius: 12px;
  background: #fffaf5;
}

.mpab-wall-toggle input { margin-top: 3px; }
.mpab-wall-toggle span { display: grid; gap: 4px; }
.mpab-wall-toggle strong { font-size: 15px; }
.mpab-wall-toggle small { color: var(--mpab-wb-muted); line-height: 1.45; }

.mpab-wall-step-one-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 310px);
	align-items: center;
	gap: 28px;
	margin-bottom: 24px;
}

.mpab-wall-step-one-header > div { min-width: 0; }
.mpab-wall-step-one-header h2 { margin-top: 5px; }
.mpab-wall-step-one-header p { margin-bottom: 0; }

.mpab-wall-toggle--compact {
	box-sizing: border-box;
	margin: 0;
	padding: 13px 15px;
	background: #fff8f2;
}

.mpab-wall-product-cards {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mpab-wall-product-choice {
  position: relative;
  display: block;
  min-width: 0;
  cursor: pointer;
}

.mpab-wall-product-choice > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.mpab-wall-product-choice > span {
  display: grid;
  height: 100%;
  padding: 10px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mpab-wall-product-choice:hover > span { transform: translateY(-2px); }
.mpab-wall-product-choice.is-selected > span,
.mpab-wall-product-choice > input:checked + span {
  border: 2px solid var(--mpab-wb-orange);
  box-shadow: 0 0 0 3px rgba(222, 138, 63, .15), 0 10px 20px rgba(66, 69, 48, .08);
}

.mpab-wall-product-choice strong { margin: 12px 3px 4px; font-size: 14px; }
.mpab-wall-product-choice small { margin: 0 3px 5px; color: var(--mpab-wb-muted); line-height: 1.35; }
.mpab-wall-product-choice__mockup {
  display: grid;
  height: 132px;
  place-items: center;
  border-radius: 8px;
  background: var(--mpab-wb-cream);
}

.mpab-wall-product-choice__mockup b {
  display: block;
  width: 72px;
  height: 86px;
  border: 5px solid #5c584f;
  background: #dad5ca;
  box-shadow: 8px 10px 18px rgba(49, 47, 40, .18);
}
.mpab-wall-product-choice__mockup--canvas,
.mpab-wall-product-choice__mockup--metal,
.mpab-wall-product-choice__mockup--acrylic,
.mpab-wall-product-choice__mockup--hanging,
.mpab-wall-product-choice__mockup--framed { background-position: center; background-repeat: no-repeat; background-size: cover; }
.mpab-wall-product-choice__mockup--canvas { background-image: url('../images/wall-art/product-cards/canvas-print.webp'); }
.mpab-wall-product-choice__mockup--metal { background-image: url('../images/wall-art/product-cards/metal-print.webp'); }
.mpab-wall-product-choice__mockup--acrylic { background-image: url('../images/wall-art/product-cards/acrylic-print.webp'); }
.mpab-wall-product-choice__mockup--hanging { background-image: url('../images/wall-art/product-cards/hanging-canvas.webp'); }
.mpab-wall-product-choice__mockup--framed { background-image: url('../images/wall-art/product-cards/framed-photo.webp'); }
.mpab-wall-product-choice__mockup--canvas b,
.mpab-wall-product-choice__mockup--metal b,
.mpab-wall-product-choice__mockup--acrylic b,
.mpab-wall-product-choice__mockup--hanging b,
.mpab-wall-product-choice__mockup--framed b { display: none; }

.mpab-wall-product-choice__mockup--metal b { border-width: 2px; background: #cbd3d5; }
.mpab-wall-product-choice__mockup--acrylic b { border-color: rgba(255,255,255,.75); background: linear-gradient(135deg, #e4ded2 46%, #fff 47% 54%, #c8d2d6 55%); }
.mpab-wall-product-choice__mockup--hanging b { border-width: 6px 0; border-color: #7e654f; box-shadow: none; }
.mpab-wall-product-choice__mockup--framed b { border-width: 11px; box-shadow: inset 0 0 0 6px #fff, 8px 10px 18px rgba(49, 47, 40, .18); }

.mpab-wall-product-admin {
  margin: 16px 0;
  overflow: hidden;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 12px;
  background: #fff;
}

.mpab-wall-product-admin > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  cursor: pointer;
  background: #fffaf5;
}

.mpab-wall-product-admin > summary span { color: var(--mpab-wb-muted); font-size: 12px; }
.mpab-wall-size-actions { display: flex; align-items: center; gap: 12px; padding: 14px 18px 0; }
.mpab-wall-table-wrap { overflow-x: auto; padding: 14px 18px 18px; }
.mpab-wall-prices { border: 0; }
.mpab-wall-prices th { color: #696b62; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.mpab-wall-prices td { vertical-align: middle; }

.mpab-wall-price-rule {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 24px;
  margin: 20px 0 24px;
  padding: 20px;
  border-radius: 12px;
  background: var(--mpab-wb-cream);
}

.mpab-wall-price-rule p { margin: 0; color: var(--mpab-wb-muted); }
.mpab-wall-price-rule > span { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-weight: 700; }
.mpab-wall-price-rule input { width: 90px; }
.mpab-wall-money { display: inline-flex; align-items: center; gap: 5px; }
.mpab-wall-money input { width: 116px; }

.mpab-wall-upload-check {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  margin: 22px 0;
  padding: 24px;
  border: 1px solid #c8dcca;
  border-radius: 14px;
  background: #f2faf3;
}

.mpab-wall-upload-check > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 50%; color: #fff; background: #4f845c; font-size: 26px; }
.mpab-wall-upload-check strong,
.mpab-wall-upload-check b { display: block; }
.mpab-wall-upload-check b { margin: 5px 0; font-size: 28px; }
.mpab-wall-upload-check p { margin: 5px 0 0; color: #556257; }
.mpab-wall-upload-check__warning { color: #8a4517 !important; font-weight: 650; }
.mpab-wall-upload-check__success { color: #24613a !important; font-weight: 650; }

.mpab-wall-review-cards {
  display: grid;
  gap: 12px;
  margin: 22px 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mpab-wall-review-cards article { display: grid; gap: 7px; padding: 18px; border: 1px solid var(--mpab-wb-line); border-radius: 12px; background: #fffaf5; }
.mpab-wall-review-cards span { color: var(--mpab-wb-muted); font-size: 12px; }
.mpab-wall-review-cards strong { font-size: 20px; }
.mpab-wall-shortcode { margin: 18px 0 0; padding: 20px; border-radius: 12px; background: var(--mpab-wb-ink); color: #fff; }
.mpab-wall-shortcode strong,
.mpab-wall-shortcode p { display: block; margin: 0; }
.mpab-wall-shortcode code { display: inline-block; margin: 10px 0; padding: 8px 11px; color: var(--mpab-wb-ink); background: #fff; font-size: 17px; }
.mpab-wall-shortcode p { color: #e7e5dc; }

@media (max-width: 1000px) {
  .mpab-wall-product-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mpab-wall-review-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .mpab-wall-admin-panel { padding: 18px; }
	.mpab-wall-step-one-header { grid-template-columns: 1fr; gap: 16px; }
	.mpab-wall-toggle--compact { width: 100%; }
  .mpab-wall-product-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mpab-wall-product-choice__mockup { height: 105px; }
  .mpab-wall-price-rule { grid-template-columns: 1fr; }
  .mpab-wall-price-rule > span { grid-column: 1; grid-row: auto; }
  .mpab-wall-review-cards { grid-template-columns: 1fr 1fr; }
  .mpab-wall-upload-check { grid-template-columns: 1fr; }
}

.mpab-email-setup {
  max-width: 1160px;
  margin: 30px 0 38px;
  overflow: hidden;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(66, 69, 48, 0.07);
}

.mpab-email-setup [hidden],
[data-offer-settings][hidden],
[data-offer-locked][hidden] {
  display: none !important;
}

.mpab-email-setup__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  padding: 28px 30px;
  border-bottom: 1px solid var(--mpab-wb-line);
  background: linear-gradient(135deg, #fff 0%, var(--mpab-wb-cream) 100%);
}

.mpab-email-setup__header h2 {
  margin: 5px 0 8px;
  font-size: 26px;
}

.mpab-email-setup__header p {
  max-width: 660px;
  margin: 0;
  color: var(--mpab-wb-muted);
  font-size: 14px;
  line-height: 1.6;
}

.mpab-email-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 8px 11px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 999px;
  color: #5e6354;
  background: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mpab-email-status::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d6a669;
  content: "";
}

.mpab-email-status--ready::before { background: #62825d; }
.mpab-email-status--testing::before { background: #d6a669; }
.mpab-email-status--failed::before { background: #b34d43; }

.mpab-email-setup__body {
  padding: 30px;
}

.mpab-email-setup__form {
  max-width: 720px;
}

.mpab-email-setup__form form > label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
}

.mpab-email-setup__form input[type="text"],
.mpab-email-setup__form input[type="email"] {
  width: 100%;
  max-width: none;
  min-height: 46px;
  padding: 9px 12px;
  border-color: #bdb5aa;
  border-radius: 8px;
  background: var(--mpab-wb-paper);
}

.mpab-email-setup__form form > .description + label {
  margin-top: 18px;
}

.mpab-email-setup__form .description {
  margin: 8px 0 18px;
  line-height: 1.55;
}

.mpab-email-sender-preview {
  margin: 0 0 18px;
  padding: 14px 15px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 9px;
  background: var(--mpab-wb-cream);
}

.mpab-email-sender-preview span,
.mpab-email-sender-preview strong {
  display: block;
}

.mpab-email-sender-preview span {
  margin-bottom: 4px;
  color: var(--mpab-wb-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mpab-email-sender-preview strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.mpab-email-test-note {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  margin: 2px 0 20px;
  padding: 15px 16px;
  border-radius: 9px;
  color: #5d5a53;
  background: var(--mpab-wb-cream);
  font-size: 12px;
  line-height: 1.55;
}

.mpab-email-step-label {
  display: block;
  margin-bottom: 10px;
  color: #9b6033;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mpab-email-test-layout {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(420px, 1.28fr);
  gap: 30px;
  align-items: start;
}

.mpab-email-test-check,
.mpab-email-next-test,
.mpab-email-problem,
.mpab-email-complete {
  padding: 26px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 12px;
  background: var(--mpab-wb-paper);
}

.mpab-email-test-check h3,
.mpab-email-next-test h3,
.mpab-email-problem h3,
.mpab-email-complete h3 {
  margin: 0 0 10px;
  font-size: 21px;
}

.mpab-email-test-check p,
.mpab-email-next-test p,
.mpab-email-problem p,
.mpab-email-complete p {
  color: var(--mpab-wb-muted);
  line-height: 1.65;
}

.mpab-email-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}

.mpab-email-preview > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
}

.mpab-email-preview iframe {
  width: 100%;
  height: 620px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 12px;
  background: #f4f1eb;
}

.mpab-email-problem {
  max-width: 760px;
  border-color: #d7a19b;
  background: #fff8f7;
}

.mpab-admin-shell .mpab-email-problem .mpab-button-danger,
.mpab-admin-shell .mpab-email-problem .mpab-button-danger:hover,
.mpab-admin-shell .mpab-email-problem .mpab-button-danger:focus {
  border-color: #9d3d34;
  color: #fff;
  background: #b34d43;
}

.mpab-email-change-address {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #ecd2cf;
}

.mpab-email-change-address summary {
  cursor: pointer;
  font-weight: 700;
}

.mpab-email-change-address form {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.mpab-email-change-address input {
  width: 100%;
  max-width: 480px;
}

.mpab-email-complete {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(210px, .55fr);
  gap: 18px;
  align-items: center;
  border-color: #b9cbb5;
  background: #f7fbf6;
}

.mpab-email-complete__icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #62825d;
  font-size: 23px;
}

.mpab-email-complete ul {
  margin: 0;
  padding-left: 20px;
  line-height: 2;
}

.mpab-offer-locked {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  max-width: 900px;
  margin: 0 0 50px;
  padding: 24px 26px;
  border: 1px dashed #b8b3a7;
  border-radius: 12px;
  color: #615f59;
  background: #f4f1eb;
}

.mpab-offer-locked > span {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #e4dfd5;
  font-size: 20px;
}

.mpab-offer-locked h2 { margin: 0 0 6px; }
.mpab-offer-locked p { margin: 0; line-height: 1.6; }

.mpab-offer-basics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 900px;
  margin: 18px 0 34px;
}

.mpab-promotion-card {
  max-width: 900px;
  margin: 0 0 38px;
  overflow: hidden;
  border: 1px solid #e2cdbb;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(66, 69, 48, 0.06);
}

.mpab-promotion-manager {
  max-width: 900px;
  margin: 0 0 38px;
  padding: 26px;
  border: 1px solid #e2cdbb;
  border-radius: 16px;
  background: #fffaf5;
}

.mpab-promotion-manager > header h2 { margin: 5px 0 7px; }
.mpab-promotion-manager > header p { margin: 0; color: var(--mpab-wb-muted); }
.mpab-promotion-manager .mpab-promotion-card { margin: 0; background: #fff; }
.mpab-promotion-manager > .button { margin-top: 18px; }

.mpab-promotion-scope {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.mpab-promotion-scope label {
  display: flex;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
}

.mpab-promotion-scope input { margin-top: 2px; }
.mpab-promotion-scope strong,
.mpab-promotion-scope small { display: block; }
.mpab-promotion-scope small { margin-top: 3px; color: var(--mpab-wb-muted); }
.mpab-promotion-groups { display: grid; gap: 14px; }
.mpab-promotion-groups [hidden] { display: none; }

.mpab-promotion-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 25px 28px;
  background: linear-gradient(135deg, #fff8f1, #faf5ec);
}

.mpab-promotion-card__header h2 {
  margin: 5px 0 7px;
  font-size: 22px;
}

.mpab-promotion-card__header p {
  max-width: 610px;
  margin: 0;
  color: var(--mpab-wb-muted);
  line-height: 1.55;
}

.mpab-promotion-switch {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 190px;
  padding: 13px 15px;
  border: 1px solid #ddc7b4;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}

.mpab-promotion-switch input {
  width: 20px;
  height: 20px;
  margin: 0;
}

.mpab-promotion-switch span,
.mpab-promotion-switch small {
  display: block;
}

.mpab-promotion-switch small {
  margin-top: 2px;
  color: var(--mpab-wb-muted);
  font-size: 11px;
}

.mpab-promotion-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  gap: 26px;
  padding: 26px 28px 28px;
  border-top: 1px solid #eadccf;
}

.mpab-promotion-card__body[hidden] { display: none; }

.mpab-promotion-controls {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(220px, 1fr);
  gap: 18px;
  align-items: end;
}

.mpab-promotion-controls[hidden] {
  display: none;
}

.mpab-promotion-controls > label > span,
.mpab-promotion-controls > label > small {
  display: block;
}

.mpab-promotion-controls > label > span {
  margin-bottom: 7px;
  font-weight: 700;
}

.mpab-promotion-controls > label > span em {
  color: var(--mpab-wb-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.mpab-promotion-controls input[type="date"] {
  width: 100%;
  min-height: 42px;
  border-color: #bdb5aa;
  border-radius: 8px;
}

.mpab-promotion-controls > label > small {
  margin-top: 7px;
  color: var(--mpab-wb-muted);
  font-size: 11px;
  line-height: 1.45;
}

.mpab-promotion-percent {
  display: flex !important;
  align-items: center;
  max-width: 150px;
  overflow: hidden;
  border: 1px solid #bdb5aa;
  border-radius: 8px;
  background: #fff;
}

.mpab-promotion-percent input {
  width: 76px;
  min-height: 40px;
  border: 0 !important;
  box-shadow: none !important;
}

.mpab-promotion-percent b {
  color: #656055;
  font-size: 12px;
  white-space: nowrap;
}

.mpab-promotion-controls > .button {
  grid-column: 1 / -1;
  justify-self: start;
}

.mpab-promotion-preview {
  align-self: stretch;
  padding: 20px 22px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 11px;
  background: var(--mpab-wb-paper);
}

.mpab-promotion-preview > span {
  display: block;
  margin-bottom: 8px;
  color: #787467;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mpab-promotion-preview strong {
  display: block;
  color: var(--mpab-wb-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.mpab-promotion-preview p {
  margin: 9px 0 0;
  color: var(--mpab-wb-muted);
  font-size: 12px;
  line-height: 1.5;
}

.mpab-promotion-preview.is-live {
  border-color: #dda66f;
  background: #fff7ee;
}

.mpab-promotion-preview.is-live > span { color: #a65325; }
.mpab-promotion-preview.is-expired { background: #f4f1eb; }

.mpab-setting-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  min-height: 132px;
  padding: 22px 24px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(66, 69, 48, 0.04);
}

.mpab-setting-card__copy label {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 750;
}

.mpab-setting-card__copy p {
  margin: 0;
  color: var(--mpab-wb-muted);
  font-size: 12px;
  line-height: 1.55;
}

.mpab-setting-card__control select {
  min-width: 126px;
  min-height: 42px;
  border-color: #bdb5aa;
  border-radius: 8px;
}

.mpab-colour-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px 7px 7px;
  border: 1px solid #bdb5aa;
  border-radius: 9px;
  background: var(--mpab-wb-paper);
  cursor: pointer;
}

.mpab-admin-shell .mpab-colour-control input[type="color"] {
  width: 48px;
  height: 40px;
  min-height: 0;
  padding: 3px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}

.mpab-colour-control span {
  min-width: 68px;
  color: #55584a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
}

.mpab-admin-shell .form-table {
  max-width: 900px;
  padding: 8px 22px;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 12px;
  background: #fff;
}

.mpab-admin-shell .button,
.mpab-admin-shell .button-secondary {
  border-color: rgba(66, 69, 48, 0.42);
  border-radius: 7px;
  color: var(--mpab-wb-ink);
  background: var(--mpab-wb-paper);
}

.mpab-admin-shell .button:hover,
.mpab-admin-shell .button:focus {
  border-color: var(--mpab-wb-orange);
  color: #8b592f;
}

.mpab-admin-shell .button-primary,
.mpab-admin-shell #submit {
  border-color: var(--mpab-wb-ink);
  color: var(--mpab-wb-paper);
  background: var(--mpab-wb-ink);
  box-shadow: none;
}

.mpab-admin-shell .button-primary:hover,
.mpab-admin-shell .button-primary:focus,
.mpab-admin-shell #submit:hover,
.mpab-admin-shell #submit:focus {
  border-color: #2f3122;
  color: #fff;
  background: #2f3122;
}

.mpab-admin-shell input:focus,
.mpab-admin-shell select:focus,
.mpab-admin-shell button:focus-visible,
.mpab-admin-shell summary:focus-visible {
  border-color: var(--mpab-wb-orange);
  outline: 2px solid var(--mpab-wb-orange);
  outline-offset: 2px;
  box-shadow: none;
}

.mpab-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px;
  max-width: 1160px;
  margin: 16px 0 28px;
}

.mpab-admin-card {
  overflow: hidden;
  padding: 14px;
  border: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 12px;
  background: #fff;
}

.mpab-presentation-card.is-disabled {
  background: var(--mpab-wb-paper, #fffaf5);
}

.mpab-presentation-card > .mpab-box-toggle {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: -14px -14px 14px;
  padding: 14px;
  border-bottom: 1px solid var(--mpab-wb-cream, #f3efe6);
  background: var(--mpab-wb-paper, #fffaf5);
}

.mpab-presentation-card__body {
  display: grid;
}

.mpab-presentation-card__body > label {
  display: block;
  margin: 12px 0 5px;
  font-size: 12px;
  font-weight: 650;
}

.mpab-admin-card__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 9px;
  background: #f3f1ed;
}

.mpab-admin-card__thumb img,
.mpab-admin-card__thumb .mpab-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mpab-catalogue-section,
.mpab-pricing-card {
  max-width: 1160px;
  margin: 30px 0;
  border: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.mpab-catalogue-section__header {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 1.2fr);
  gap: 32px;
  align-items: end;
  padding: 25px 28px;
  border-bottom: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 14px 14px 0 0;
  background: linear-gradient(135deg, #fff 0%, var(--mpab-wb-cream, #f3efe6) 100%);
}

.mpab-catalogue-section__header h2,
.mpab-option-group h3 {
  margin: 3px 0 0;
}

.mpab-catalogue-section__header p,
.mpab-option-group__heading p,
.mpab-selection-toolbar p {
  margin: 0;
  color: #50575e;
  line-height: 1.55;
}

.mpab-section-kicker {
  color: #9a6037;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.mpab-family-list {
  display: grid;
  gap: 16px;
  padding: 22px;
}

.mpab-family,
.mpab-library,
.mpab-option-group {
  border: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 12px;
  background: #fff;
}

.mpab-family > summary,
.mpab-library > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 20px;
  cursor: pointer;
  list-style-position: outside;
}

.mpab-family__identity,
.mpab-library > summary > span:first-child {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
}

.mpab-family__identity > span,
.mpab-library summary small {
  color: #646970;
  font-size: 12px;
  font-weight: 400;
}

.mpab-selection-count,
.mpab-selection-toolbar__actions > span {
  color: #50575e;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mpab-selection-toolbar,
.mpab-option-group__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 18px;
  border-top: 1px solid var(--mpab-wb-cream, #f3efe6);
  border-bottom: 1px solid var(--mpab-wb-cream, #f3efe6);
  background: var(--mpab-wb-paper, #fffaf5);
}

.mpab-option-group__heading {
  border-top: 0;
}

.mpab-selection-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.mpab-family-switch,
.mpab-offer-toggle,
.mpab-size-toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-weight: 650;
}

.mpab-size-toggle {
  white-space: nowrap;
}

.mpab-family-switch input,
.mpab-offer-toggle input,
.mpab-size-toggle input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--mpab-wb-ink, #424530);
}

.mpab-family .mpab-admin-grid,
.mpab-library .mpab-admin-grid {
  max-width: none;
  margin: 0;
  padding: 18px;
}

.mpab-family.is-disabled .mpab-admin-grid {
  display: none;
}

.mpab-family.is-disabled .mpab-selection-toolbar__actions {
  opacity: 0.45;
  pointer-events: none;
}

.mpab-admin-grid--swatches {
  grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
}

.mpab-select-card {
  position: relative;
  display: block;
  padding: 8px;
  border: 2px solid var(--mpab-wb-line, #d8d3c7);
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.mpab-select-card:hover {
  border-color: var(--mpab-wb-orange, #de8a3f);
  transform: translateY(-1px);
}

.mpab-select-card:focus-within {
  outline: 2px solid var(--mpab-wb-orange, #de8a3f);
  outline-offset: 2px;
}

.mpab-select-card.is-selected {
  border-color: var(--mpab-wb-ink, #424530);
  box-shadow: 0 0 0 1px var(--mpab-wb-ink, #424530), 0 6px 16px rgba(66, 69, 48, 0.13);
}

.mpab-select-card__control {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0;
  pointer-events: none;
}

.mpab-select-card__check {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: transparent;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0 1px #8c8f94;
  font-size: 14px;
  font-weight: 800;
}

.mpab-select-card.is-selected .mpab-select-card__check {
  color: #fff;
  background: var(--mpab-wb-ink, #424530);
  box-shadow: 0 0 0 1px var(--mpab-wb-ink, #424530);
}

.mpab-select-card__label {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 11px 5px 5px;
  line-height: 1.25;
}

.mpab-select-card__label > span {
  color: #646970;
  font-size: 11px;
}

.mpab-swatch-card .mpab-admin-card__thumb {
  aspect-ratio: 1 / 1;
}

.mpab-image-pending {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  padding: 14px;
  color: #646970;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.mpab-personalisation-settings > .mpab-option-group,
.mpab-personalisation-settings > .mpab-library,
.mpab-design-groups {
  margin: 20px 22px;
}

.mpab-text-line-setting {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 180px;
  gap: 10px 28px;
  align-items: end;
  margin: 20px 22px;
  padding: 20px 22px;
  border: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 12px;
  background: var(--mpab-wb-paper, #fffaf5);
}

.mpab-text-line-setting h3,
.mpab-text-line-setting p {
  margin: 0;
}

.mpab-text-line-setting > div > p {
  margin-top: 6px;
  color: var(--mpab-wb-muted, #6a716c);
  line-height: 1.55;
}

.mpab-text-line-setting label > span {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
}

.mpab-text-line-setting select {
  width: 100%;
}

.mpab-admin-grid--methods {
  grid-template-columns: repeat(2, minmax(230px, 1fr));
  max-width: 720px;
  padding: 0 18px 18px;
}

.mpab-method-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 3px 14px;
  align-items: center;
  min-height: 104px;
  padding: 17px;
}

.mpab-method-card__icon {
  display: grid;
  grid-row: 1 / 3;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 10px;
  color: #8b592f;
  background: var(--mpab-wb-peach, #ffd8b6);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.mpab-method-card > span:last-child {
  color: #646970;
  font-size: 12px;
}

.mpab-admin-grid--chips {
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  padding: 0 18px 18px;
}

.mpab-chip-card {
  min-height: 68px;
  padding: 22px 44px 18px 18px;
}

.mpab-chip-card .mpab-select-card__check {
  top: 20px;
  right: 14px;
}

.mpab-admin-grid--library {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.mpab-library-card .mpab-admin-card__thumb {
  margin: 0;
  background: #f6f5f2;
}

.mpab-library-card .mpab-admin-card__thumb img {
  object-fit: contain;
}

.mpab-design-groups {
  display: grid;
  gap: 14px;
}

.mpab-design-groups .mpab-library {
  margin: 0;
}

.mpab-pricing-groups {
  display: grid;
  gap: 20px;
  max-width: 1160px;
  margin: 18px 0 12px;
}

.mpab-pricing-card {
  margin: 0;
  overflow: hidden;
}

.mpab-pricing-card__header {
  display: grid;
  grid-template-columns: minmax(230px, 0.8fr) minmax(300px, 1.2fr);
  gap: 24px;
  align-items: end;
  padding: 19px 22px;
  background: linear-gradient(135deg, #fff 0%, var(--mpab-wb-cream, #f3efe6) 100%);
}

.mpab-offer-toggle span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mpab-offer-toggle strong {
  font-size: 16px;
}

.mpab-offer-toggle small,
.mpab-album-name > span {
  color: #646970;
  font-size: 11px;
  font-weight: 600;
}

.mpab-album-name {
  display: grid;
  gap: 5px;
}

.mpab-pricing-card.is-disabled .mpab-pricing-card__header {
  opacity: 0.7;
  background: var(--mpab-wb-cream, #f3efe6);
}

.mpab-pricing-table-wrap {
  max-width: 1160px;
  overflow-x: auto;
  border-top: 1px solid var(--mpab-wb-line, #d8d3c7);
}

.mpab-size-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 22px;
  border-top: 1px solid var(--mpab-wb-line, #d8d3c7);
  background: #fffaf5;
}

.mpab-size-actions span {
  color: #646970;
  font-size: 12px;
}

.mpab-size-actions + .mpab-pricing-table-wrap {
  border-top: 1px solid #eee6dc;
}

.mpab-pricing-explainer {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 1px;
  max-width: 1160px;
  margin: 16px 0;
  overflow: hidden;
  border: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 10px;
  background: var(--mpab-wb-line, #d8d3c7);
}

.mpab-pricing-explainer > div {
  display: grid;
  gap: 3px;
  padding: 13px 15px;
  background: #fff;
}

.mpab-pricing-explainer strong {
  color: var(--mpab-wb-ink, #424530);
  font-size: 12px;
}

.mpab-pricing-explainer span {
  color: #646970;
  font-size: 12px;
  line-height: 1.45;
}

.mpab-pricing-table {
  min-width: 1120px;
  table-layout: fixed;
  border: 0;
}

.mpab-pricing-table th,
.mpab-pricing-table td {
  padding: 13px 10px;
  vertical-align: middle;
}

.mpab-pricing-table thead th {
  padding-top: 11px;
  padding-bottom: 11px;
  color: #50575e;
  background: var(--mpab-wb-cream, #f3efe6);
  font-size: 10px;
  letter-spacing: 0.035em;
  line-height: 1.35;
  text-transform: uppercase;
}

.mpab-pricing-table thead th span,
.mpab-pricing-table thead th small {
  display: block;
}

.mpab-pricing-table thead th small {
  margin-top: 2px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.02em;
  opacity: 0.72;
}

.mpab-pricing-table th:nth-child(1) { width: 11%; }
.mpab-pricing-table th:nth-child(2) { width: 23%; }
.mpab-pricing-table th:nth-child(3),
.mpab-pricing-table th:nth-child(5) { width: 14%; }
.mpab-pricing-table th:nth-child(4),
.mpab-pricing-table th:nth-child(6) { width: 19%; }

.mpab-pricing-table tr.is-disabled td:not(:first-child) {
  opacity: 0.42;
  pointer-events: none;
}

.mpab-pricing-table .mpab-money-input--extra {
  padding: 5px 7px;
  border-radius: 7px;
  background: #fff0e2;
}

.mpab-wb-price {
  display: inline-block;
  padding: 7px 9px;
  border-radius: 6px;
  color: #50575e;
  background: var(--mpab-wb-cream, #f3efe6);
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}

.mpab-money-input {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 650;
}

.mpab-money-input input {
  width: 100%;
  min-width: 78px;
}

.mpab-admin-card [hidden],
.mpab-personalisation-settings [hidden] {
  display: none !important;
}

.mpab-admin-card__eyebrow {
  margin: 0 0 10px;
  color: #6c6c6c;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.mpab-admin-card > label {
  display: block;
  margin: 12px 0 5px;
  font-size: 12px;
  font-weight: 650;
}

.mpab-admin-card .small-text {
  width: 100px;
}

.mpab-admin-card__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.mpab-previous-orders {
  max-width: 1160px;
  margin: 28px 0;
  overflow: hidden;
  border: 1px solid var(--mpab-wb-line, #d8d3c7);
  border-radius: 15px;
  background: #fff;
}

.mpab-previous-orders__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding: 26px 30px;
  background: linear-gradient(135deg, #fffaf5 0%, var(--mpab-wb-cream, #f3efe6) 100%);
}

.mpab-previous-orders__header h2 {
  margin: 5px 0 7px;
  color: var(--mpab-wb-ink, #424530);
  font-size: 25px;
}

.mpab-previous-orders__header p {
  max-width: 720px;
  margin: 0;
  color: #646970;
  line-height: 1.55;
}

.mpab-previous-orders__header .button {
  flex: 0 0 auto;
}

.mpab-previous-orders__empty {
  padding: 30px;
  text-align: center;
}

.mpab-previous-orders__empty p {
  margin-bottom: 0;
  color: #646970;
}

.mpab-order-archive__item {
  margin: 0;
  border-top: 1px solid var(--mpab-wb-line, #d8d3c7);
}

.mpab-order-archive__item > summary {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) minmax(120px, auto) minmax(90px, auto);
  gap: 18px;
  align-items: center;
  padding: 18px 30px;
  cursor: pointer;
  list-style: none;
}

.mpab-order-archive__item > summary::-webkit-details-marker {
  display: none;
}

.mpab-order-archive__item[open] > summary {
  background: #fffaf5;
}

.mpab-order-archive__identity {
  display: grid;
  gap: 3px;
}

.mpab-order-archive__identity strong {
  color: var(--mpab-wb-ink, #424530);
  font-size: 14px;
}

.mpab-order-archive__identity span,
.mpab-order-archive__date {
  color: #646970;
  font-size: 12px;
}

.mpab-order-archive__total {
  color: var(--mpab-wb-ink, #424530);
  font-size: 16px;
  text-align: right;
}

.mpab-order-archive__body {
  padding: 8px 30px 28px;
}

.mpab-order-archive__client {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.mpab-order-archive__client > div,
.mpab-order-archive__note {
  padding: 15px 17px;
  border-radius: 9px;
  background: var(--mpab-wb-cream, #f3efe6);
}

.mpab-order-archive__client span,
.mpab-order-archive__details dt {
  display: block;
  margin-bottom: 4px;
  color: #646970;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mpab-order-archive__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 20px;
  border-top: 1px solid var(--mpab-wb-line, #d8d3c7);
}

.mpab-order-archive__details > div {
  display: grid;
  grid-template-columns: minmax(110px, .8fr) 1.2fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--mpab-wb-line, #d8d3c7);
}

.mpab-order-archive__details > div:nth-child(odd) {
  padding-right: 18px;
}

.mpab-order-archive__details dd {
  margin: 0;
  color: #2c3338;
  font-weight: 600;
}

.mpab-order-archive__note {
  margin-bottom: 18px;
}

.mpab-order-archive__note p {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  .mpab-catalogue-section__header,
  .mpab-pricing-card__header {
    grid-template-columns: 1fr;
  }

	.mpab-email-test-layout,
	.mpab-email-complete {
		grid-template-columns: 1fr;
	}

	.mpab-email-preview iframe { height: 520px; }

	.mpab-offer-basics { grid-template-columns: 1fr; }

	.mpab-promotion-card__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.mpab-promotion-card__body,
	.mpab-promotion-controls {
		grid-template-columns: 1fr;
	}

	.mpab-promotion-controls > .button { grid-column: 1; }

  .mpab-pricing-explainer {
    grid-template-columns: 1fr;
  }

  .mpab-previous-orders__header {
    flex-direction: column;
  }

  .mpab-order-archive__item > summary {
    grid-template-columns: auto 1fr auto;
  }

  .mpab-order-archive__date {
    display: none;
  }

  .mpab-order-archive__client,
  .mpab-order-archive__details {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 782px) {
  .mpab-admin-shell {
    min-height: calc(100vh - 46px);
    padding: 22px 18px 60px;
  }

  .mpab-admin-hero {
    padding: 25px 22px 27px;
  }

  .mpab-text-line-setting {
    grid-template-columns: 1fr;
  }

  .mpab-setting-card,
  .mpab-promotion-scope {
    grid-template-columns: 1fr;
  }

  .mpab-setting-card__control select {
    width: 100%;
  }

  .mpab-admin-grid,
  .mpab-admin-grid--methods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mpab-selection-toolbar,
  .mpab-option-group__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .mpab-email-setup__header {
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .mpab-admin-grid,
  .mpab-admin-grid--methods {
    grid-template-columns: 1fr;
  }

  .mpab-order-archive__item > summary {
    grid-template-columns: 1fr auto;
    padding: 16px 18px;
  }

  .mpab-order-archive__item > summary .mpab-order-status {
    width: fit-content;
  }

  .mpab-order-archive__identity {
    grid-column: 1;
  }

  .mpab-order-archive__total {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .mpab-order-archive__body {
    padding: 4px 18px 22px;
  }
}

.mpab-admin-grid.mpab-admin-grid--foil-colours {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  max-width: 580px;
  padding: 0 18px 18px;
}

.mpab-foil-card {
  display: grid;
  justify-items: center;
  gap: 9px;
  min-height: 112px;
  padding: 13px 8px 11px;
  text-align: center;
}

.mpab-foil-card__swatch {
  display: block;
  width: 62px;
  max-width: 90%;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--mpab-wb-line);
  border-radius: 50%;
  box-shadow: 0 7px 18px rgba(66, 69, 48, .14);
}

.mpab-foil-card__swatch img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mpab-foil-card strong {
  font-size: 12px;
  line-height: 1.2;
}

@media (max-width: 520px) {
  .mpab-admin-grid.mpab-admin-grid--foil-colours {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding-inline: 8px;
  }

  .mpab-foil-card {
    min-height: 88px;
    padding: 8px 3px;
  }

  .mpab-foil-card__swatch {
    width: 46px;
  }

  .mpab-foil-card strong {
    overflow-wrap: anywhere;
    font-size: 10px;
  }
}

/* Guided setup added in 0.29.0. The original controls remain in the same form. */
.mpab-setup-guide {
  margin: 24px 0;
  padding: 24px;
  border: 1px solid #e5d7c4;
  border-radius: 18px;
  background: #fffaf3;
  box-shadow: 0 16px 42px rgba(71, 62, 42, 0.06);
}

.mpab-setup-guide__intro {
  max-width: 720px;
  margin-bottom: 20px;
}

.mpab-setup-guide__intro h2,
.mpab-setup-panel__header h2 {
  margin: 5px 0 8px;
  color: #41452d;
  font-size: 26px;
}

.mpab-setup-guide__intro p,
.mpab-setup-panel__header p {
  margin: 0;
  color: #686b64;
  font-size: 15px;
}

.mpab-setup-guide ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mpab-setup-guide li { margin: 0; }

.mpab-setup-guide button {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  width: 100%;
  min-height: 74px;
  padding: 12px;
  border: 1px solid #ded8ce;
  border-radius: 12px;
  background: #fff;
  color: #41452d;
  text-align: left;
  cursor: pointer;
}

.mpab-setup-guide button > span {
  display: grid;
  grid-row: 1 / span 2;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0ebe2;
  font-weight: 700;
}

.mpab-setup-guide button strong { align-self: end; }
.mpab-setup-guide button small { color: #77796f; }

.mpab-setup-guide button[aria-current="step"] {
  border-color: #d18355;
  background: #fff4e9;
  box-shadow: 0 0 0 2px rgba(209, 131, 85, 0.18);
}

.mpab-setup-guide button[aria-current="step"] > span {
  background: #d18355;
  color: #fff;
}

.mpab-setup-panel {
  margin-top: 24px;
  padding: 30px;
  border: 1px solid #e0d5c6;
  border-radius: 18px;
  background: #fff;
}

.mpab-setup-panel__header {
  margin-bottom: 26px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eee6dc;
}

.mpab-setup-panel__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #eee6dc;
}

.mpab-setup-panel__actions .submit { margin: 0; padding: 0; }

.mpab-pricing-mode--offer .mpab-pricing-table th:nth-child(n+3),
.mpab-pricing-mode--offer .mpab-pricing-table td:nth-child(n+3) {
  display: none;
}

.mpab-pricing-mode--offer .mpab-pricing-table th:first-child { width: 120px; }

.mpab-pricing-mode--pricing > h2,
.mpab-pricing-mode--pricing > p:not(.description),
.mpab-pricing-mode--pricing .mpab-pricing-table th:first-child,
.mpab-pricing-mode--pricing .mpab-pricing-table td:first-child,
.mpab-pricing-mode--pricing .mpab-album-name,
.mpab-pricing-mode--pricing .mpab-offer-toggle input {
  display: none;
}

.mpab-pricing-mode--pricing .mpab-pricing-card.is-disabled,
.mpab-pricing-mode--pricing .mpab-pricing-row.is-disabled { display: none; }
.mpab-pricing-mode--pricing .mpab-pricing-card__header { grid-template-columns: 1fr; }

.mpab-offer-check {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mpab-offer-check__card {
  position: relative;
  display: grid;
  gap: 7px;
  padding: 20px;
  border: 1px solid #e3d9ca;
  border-radius: 14px;
  background: #fffaf5;
}

.mpab-offer-check__card > strong { color: #41452d; }
.mpab-offer-check__card > span { font-size: 20px; font-weight: 700; }
.mpab-offer-check__card p { margin: 0; color: #6d6f68; }
.mpab-offer-check__card .button-link { justify-self: start; }

.mpab-orders-drawer {
  max-width: 1160px;
  margin: 28px 0 0;
  overflow: hidden;
  border: 1px solid #ddd4c7;
  border-radius: 14px;
  background: #fff;
}

.mpab-orders-drawer > summary {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 12px 18px;
  color: #41452d;
  cursor: pointer;
  list-style: none;
}

.mpab-orders-drawer > summary::-webkit-details-marker { display: none; }

.mpab-orders-drawer > summary:hover,
.mpab-orders-drawer > summary:focus-visible {
  background: #fffaf4;
}

.mpab-orders-drawer__icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffeedc;
  color: #9b5524;
  font-size: 16px;
  font-weight: 700;
}

.mpab-orders-drawer > summary > span:nth-child(2) {
  display: grid;
  gap: 2px;
}

.mpab-orders-drawer > summary strong {
  font-size: 15px;
  line-height: 1.25;
}

.mpab-orders-drawer > summary small {
  color: #72746d;
  font-size: 12px;
}

.mpab-orders-drawer > summary em {
  color: #9b5524;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.mpab-orders-drawer[open] > summary {
  border-bottom: 1px solid #e7dfd3;
  background: #fffaf4;
}

.mpab-orders-drawer[open] > summary em { font-size: 0; }
.mpab-orders-drawer[open] > summary em::after {
  content: "Close";
  font-size: 13px;
}

.mpab-orders-drawer .mpab-previous-orders {
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.mpab-starter-offer {
  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 0 18px;
  padding: 28px;
  border: 1px solid #e5c39f;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff8f0 0%, #fffdf9 62%, #f5f1e9 100%);
  box-shadow: 0 16px 38px rgba(73, 60, 42, .07);
}

.mpab-starter-offer__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
  gap: 28px;
  align-items: start;
  margin-bottom: 20px;
}

.mpab-starter-offer__intro h2 {
  margin: 5px 0 7px;
  color: #41452d;
  font-family: Georgia, serif;
  font-size: clamp(25px, 3vw, 37px);
  font-weight: 500;
  line-height: 1.08;
}

.mpab-starter-offer__intro p { max-width: 720px; margin: 0; color: #65675f; font-size: 15px; }

.mpab-starter-offer__privacy {
  padding: 12px 14px;
  border: 1px solid #ded8ca;
  border-radius: 10px;
  background: rgba(255, 255, 255, .76);
  color: #62655d;
  font-size: 12px;
  line-height: 1.5;
}

.mpab-starter-detection {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 22px;
  padding: 16px 18px;
  border-left: 4px solid #c47750;
  border-radius: 0 12px 12px 0;
  background: #fff;
}

.mpab-starter-detection > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fae5d5;
  color: #9c522e;
}

.mpab-starter-detection strong { display: block; color: #41452d; font-size: 16px; }
.mpab-starter-detection p { margin: 4px 0 0; color: #6b6d66; }

.mpab-starter-profiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

.mpab-starter-profiles legend { margin: 0 0 11px; color: #41452d; font-size: 14px; font-weight: 700; }

.mpab-starter-profiles label {
  position: relative;
  display: block;
  min-width: 0;
  cursor: pointer;
}

.mpab-starter-profiles input {
  position: absolute;
  inset: 15px auto auto 15px;
  z-index: 1;
}

.mpab-starter-profiles label > span {
  box-sizing: border-box;
  display: grid;
  gap: 5px;
  min-height: 108px;
  padding: 16px 16px 16px 43px;
  border: 1px solid #ddd4c8;
  border-radius: 13px;
  background: rgba(255, 255, 255, .88);
}

.mpab-starter-profiles input:checked + span {
  border: 2px solid #c47750;
  padding: 15px 15px 15px 42px;
  background: #fff7f2;
  box-shadow: 0 8px 22px rgba(160, 85, 49, .11);
}

.mpab-starter-profiles strong { color: #33372a; font-size: 16px; }
.mpab-starter-profiles small { color: #6d6f68; font-size: 12px; line-height: 1.45; }

.mpab-starter-offer__summary {
  margin-top: 14px;
  padding: 12px 15px;
  border-radius: 10px;
  background: rgba(65, 69, 45, .07);
}

.mpab-starter-offer__summary span { display: flex; gap: 12px; flex-wrap: wrap; align-items: baseline; }
.mpab-starter-offer__summary strong { color: #41452d; }
.mpab-starter-offer__summary small { color: #686a63; font-size: 12px; }

.mpab-starter-offer__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 18px;
}

.mpab-starter-offer__actions .button-link { margin-left: auto; }

@media (max-width: 900px) {
  .mpab-setup-guide ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mpab-offer-check { grid-template-columns: 1fr; }
  .mpab-starter-offer__intro { grid-template-columns: 1fr; gap: 13px; }
  .mpab-starter-profiles { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .mpab-setup-guide,
  .mpab-setup-panel { padding: 18px; }
  .mpab-setup-guide ol { grid-template-columns: 1fr; }
  .mpab-setup-panel__actions { align-items: stretch; flex-direction: column-reverse; }
  .mpab-setup-panel__actions .button { width: 100%; text-align: center; }
  .mpab-orders-drawer > summary { padding: 12px 14px; }
  .mpab-starter-offer { padding: 19px; }
  .mpab-starter-offer__actions { align-items: stretch; flex-direction: column; }
  .mpab-starter-offer__actions .button,
  .mpab-starter-offer__actions .button-link { box-sizing: border-box; width: 100%; margin-left: 0; text-align: center; }
}
