/* Scoped styles keep the monthly picker independent of legacy package forms. */
#monthly-club-builder{--mcb-cream:#f8f5ed;--mcb-border:#d8ded5;--mcb-ink:var(--green,#244f40);--mcb-muted:var(--muted,#617065);min-width:0;scroll-margin-top:24px}
.mcb-shell{background:var(--mcb-cream);color:var(--ink,#244f40);padding:clamp(22px,4vw,48px);border:1px solid var(--mcb-border)}
.mcb-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:30px}
.mcb-eyebrow{font-family:var(--sans,Arial,sans-serif);font-size:11px;font-weight:700;letter-spacing:1.7px;line-height:1.6;color:var(--mcb-muted)}
.mcb-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.03;margin-top:10px;color:var(--mcb-ink)}
.mcb-heading>p{max-width:370px;font-size:15px;line-height:1.7;color:var(--mcb-muted)}
.mcb-heading>p strong{color:var(--mcb-ink);font-weight:600}
.mcb-frequency,.mcb-fields,.mcb-pickups{margin:0;padding:0;border:0;min-width:0}
.mcb-frequency legend{padding:0;margin-bottom:12px;font-size:14px;font-weight:600}
.mcb-frequency-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mcb-frequency-choice{position:relative;cursor:pointer;min-width:0}
.mcb-frequency-choice input{position:absolute;opacity:0;width:1px;height:1px}
.mcb-frequency-choice>span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;border:1px solid var(--mcb-border);background:#fff;min-height:70px;color:var(--mcb-ink);transition:background .15s,border-color .15s}
.mcb-frequency-choice strong{font-size:17px;font-weight:600}
.mcb-frequency-choice small{font-size:12px;padding:4px 9px;border-radius:20px;background:#edf2e9;white-space:nowrap}
.mcb-frequency-choice input:checked+span{border:2px solid var(--mcb-ink);padding:15px 19px;background:#f0f4ec}
.mcb-frequency-choice input:checked+span small{background:var(--mcb-ink);color:#fff}
.mcb-frequency-choice input:focus-visible+span{outline:3px solid var(--mcb-ink);outline-offset:4px}
.mcb-frequency:disabled .mcb-frequency-choice{cursor:wait;opacity:.65}
.mcb-fields{display:grid;grid-template-columns:.85fr .85fr 1.3fr;gap:18px;margin-top:26px}
.mcb-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600;color:var(--mcb-ink)}
.mcb-field input,.mcb-field select{width:100%;min-width:0;max-width:100%;min-height:46px;padding:11px 12px;background:#fff;color:var(--ink,#244f40);border:1px solid var(--mcb-border);border-radius:2px;font-family:var(--sans,Arial,sans-serif);font-size:14px;font-weight:400;line-height:1.4;box-shadow:none;text-overflow:ellipsis}
.mcb-field select{padding-right:28px}
.mcb-field input:focus-visible,.mcb-field select:focus-visible,.mcb-add:focus-visible{outline:3px solid var(--mcb-ink);outline-offset:3px}
.mcb-field input[aria-invalid=true]{border-color:#a74030}
.mcb-help{margin:14px 0 24px;font-size:12px;line-height:1.65;color:var(--mcb-muted);max-width:780px}
.mcb-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.mcb-pickups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.mcb-pickup{padding:22px;background:#fff;border:1px solid var(--mcb-border);min-width:0}
.mcb-pickup-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px;min-height:47px}
.mcb-number{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid var(--mcb-border);border-radius:50%;font-size:12px;color:var(--mcb-ink)}
.mcb-pickup-heading h3{font-size:25px;line-height:1.1;color:var(--mcb-ink)}
.mcb-pickup-heading p{margin-top:5px;font-size:11px;line-height:1.4;color:var(--mcb-muted)}
.mcb-date-field{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--mcb-border)}
.mcb-breads{display:grid;gap:13px}
.mcb-summary{position:sticky;top:24px;background:var(--mcb-ink);color:#fff;padding:26px 24px;min-width:0}
.mcb-summary .mcb-eyebrow{color:#d6e4d5;font-size:10px;letter-spacing:1.2px}
.mcb-summary h3{font-size:30px;margin-top:10px;color:#fff}
.mcb-summary-description{font-size:12px;margin-top:7px;color:#e0eadd}
.mcb-summary dl{margin:25px 0 0;font-size:12px}
.mcb-summary dl>div{display:flex;justify-content:space-between;gap:15px;margin:12px 0}
.mcb-summary dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.mcb-summary .mcb-saving{color:#e1efd3}
.mcb-summary .mcb-grand-total{border-top:1px solid #ffffff40;padding-top:18px;margin-top:19px;font-size:14px;align-items:center}
.mcb-grand-total dt{max-width:110px;line-height:1.4}
.mcb-grand-total dd{font-size:24px;font-weight:600;letter-spacing:-.6px}
.mcb-summary-note{margin:15px 0 19px;font-size:11px;line-height:1.7;color:#e0eadd}
.mcb-add{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;min-height:48px;background:#f5e6c7;color:#254936;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:2px;cursor:pointer}
.mcb-add:hover:not(:disabled){background:#fff0d1}
.mcb-add:disabled{opacity:.6;cursor:not-allowed}
.mcb-validation,.mcb-status{font-size:12px;line-height:1.55;margin-top:14px;overflow-wrap:anywhere}
.mcb-validation{color:#f8e5c7}
.mcb-status:empty{display:none}
.mcb-status.is-error{color:#ffe1cf}
.mcb-status.is-success{color:#e1efd3}
.mcb-inline-error{font-size:12px;line-height:1.5;color:#9b382c;margin:-9px 0 14px}
.mcb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1120px){.mcb-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.mcb-pickup{padding:18px}.mcb-pickups{gap:14px}.mcb-summary{padding:24px 19px}.mcb-frequency-choice>span{padding:14px}.mcb-frequency-choice input:checked+span{padding:13px}.mcb-frequency-choice strong{font-size:16px}}
@media(max-width:960px){.mcb-layout{grid-template-columns:1fr}.mcb-summary{position:static}.mcb-summary dl{margin-top:18px}.mcb-grand-total dt{max-width:none}.mcb-summary .mcb-grand-total{justify-content:space-between}.mcb-summary .mcb-add{max-width:440px}.mcb-heading{gap:24px}.mcb-heading>p{max-width:310px}.mcb-fields{grid-template-columns:1fr 1fr}.mcb-fields>.mcb-field:last-child{grid-column:1/-1}}
@media(max-width:600px){.mcb-shell{padding:22px 17px}.mcb-heading{display:block;margin-bottom:24px}.mcb-heading>p{max-width:none;margin-top:17px;font-size:14px}.mcb-heading h2{font-size:40px}.mcb-frequency-options{gap:7px}.mcb-frequency-choice>span{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px;gap:7px;min-height:82px}.mcb-frequency-choice input:checked+span{padding:11px 4px}.mcb-frequency-choice strong{font-size:14px;white-space:nowrap}.mcb-frequency-choice small{font-size:11px;padding:3px 8px}.mcb-fields{gap:14px;margin-top:22px}.mcb-field input,.mcb-field select{font-size:16px;min-height:48px;padding:11px 10px}.mcb-field select{padding-right:24px}.mcb-pickups{grid-template-columns:1fr;gap:16px}.mcb-pickup{padding:20px 17px}.mcb-pickup-heading p{font-size:12px}.mcb-help{font-size:12px;margin-bottom:20px}.mcb-summary{padding:24px 20px}.mcb-summary .mcb-add{max-width:none}.mcb-summary-note{font-size:12px}.mcb-summary dl{font-size:13px}}
@media(max-width:360px){.mcb-shell{padding:20px 13px}.mcb-fields{grid-template-columns:1fr}.mcb-fields>.mcb-field:last-child{grid-column:auto}.mcb-frequency-choice strong{font-size:13px}.mcb-frequency-choice small{padding-inline:6px}.mcb-grand-total dd{font-size:22px}}

/* A guided pickup keeps the current choice clear without losing earlier drafts. */
.mcb-step-nav{margin:0 0 24px;min-width:0}
.mcb-step-nav ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mcb-step-nav li{flex:1 1 125px;min-width:0}
.mcb-step-nav button{display:flex;align-items:center;gap:10px;width:100%;height:100%;min-height:68px;padding:12px;background:#fff;border:1px solid var(--mcb-border);color:var(--mcb-ink);text-align:left;font-size:12px;line-height:1.35}
.mcb-step-nav button[aria-current=step]{background:var(--mcb-ink);color:#fff;border-color:var(--mcb-ink)}
.mcb-step-nav small{display:block;margin-top:4px;font-size:10px;line-height:1.35;opacity:.8}
.mcb-step-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:11px}
.mcb-step-done{margin-left:auto;font-size:14px}
.mcb-current-panel,.mcb-active-pickup{min-width:0;margin:0;padding:0;border:0}
.mcb-active-pickup .mcb-pickup{padding:28px}
.mcb-active-pickup .mcb-pickup-heading{margin-bottom:24px}
.mcb-active-pickup .mcb-date-field{max-width:370px}
.mcb-active-pickup .mcb-breads{gap:19px}
.mcb-bread-row{min-width:0}
.mcb-bread-label{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.mcb-bread-label>strong{font-size:13px;font-weight:600;color:var(--mcb-ink);text-align:right}
.mcb-remove-bread,.mcb-back-button,.mcb-edit-pickup{background:none;padding:7px 0;font-size:12px;color:var(--mcb-ink);text-decoration:underline;text-underline-offset:3px;text-align:left}
.mcb-remove-bread{margin-top:4px}
.mcb-pickup-subtotal{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--mcb-border);padding-top:17px;margin-top:23px;font-size:13px;line-height:1.5}
.mcb-pickup-subtotal>strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.mcb-more-prompt{margin-top:24px;padding:20px;background:#f3f6ef;border:1px solid var(--mcb-border)}
.mcb-more-prompt h4{margin:0 0 6px;font-size:16px;line-height:1.4;font-weight:600}
.mcb-more-prompt p{margin:0;color:var(--mcb-muted);font-size:12px;line-height:1.6}
.mcb-prompt-actions{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.mcb-more-button,.mcb-next-button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;min-height:46px;text-align:left;font-size:13px;font-weight:600;line-height:1.5;border:1px solid var(--mcb-ink)}
.mcb-more-button{background:#fff;color:var(--mcb-ink)}
.mcb-next-button{background:var(--mcb-ink);color:#fff}
.mcb-next-button>span,.mcb-more-button>span{flex-shrink:0}
.mcb-step-hint{font-size:12px;line-height:1.6;color:var(--mcb-muted);background:#f6f5f0;margin-top:20px;padding:13px 15px;border-left:2px solid var(--mcb-border)}
.mcb-back-button{display:inline-block;margin-top:18px;padding-block:9px}
.mcb-review{min-width:0}
.mcb-review-heading{padding:0 0 20px}
.mcb-review-heading h3{font-size:32px;line-height:1.1;margin:8px 0;color:var(--mcb-ink)}
.mcb-review-heading>p:last-child{font-size:12px;color:var(--mcb-muted)}
.mcb-review-pickup{padding:23px;background:#fff;border:1px solid var(--mcb-border);margin-top:15px;min-width:0}
.mcb-review-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.mcb-review-top h4{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:var(--mcb-ink)}
.mcb-review-top p{font-size:12px;line-height:1.5;margin-top:4px;color:var(--mcb-muted)}
.mcb-edit-pickup{flex-shrink:0;margin:0;padding:2px 0}
.mcb-review-breads{list-style:none;padding:0;margin:18px 0 0}
.mcb-review-breads li{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--mcb-border);font-size:13px;line-height:1.5}
.mcb-review-breads li>span{min-width:0;overflow-wrap:anywhere}
.mcb-review-breads li>span>strong{font-weight:500}
.mcb-review-breads small{display:block;margin-top:4px;color:var(--mcb-muted);font-size:12px}
.mcb-review-breads li>strong{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
.mcb-review-subtotal{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--mcb-border);margin-top:5px;padding-top:15px;font-size:13px;line-height:1.5}
.mcb-review-subtotal>strong{text-align:right}
.mcb-review-pickup .mcb-inline-error{margin:12px 0}
@media(max-width:600px){.mcb-step-nav{margin-bottom:18px}.mcb-step-nav ol{gap:7px}.mcb-step-nav li{flex-basis:calc(50% - 7px)}.mcb-step-nav button{min-height:62px;padding:10px;gap:8px}.mcb-step-nav small{font-size:10px}.mcb-active-pickup .mcb-pickup{padding:21px 17px}.mcb-active-pickup .mcb-date-field{max-width:none}.mcb-more-prompt{padding:16px 13px}.mcb-pickup-subtotal{font-size:12px}.mcb-more-button,.mcb-next-button{font-size:13px;padding:12px}.mcb-review-pickup{padding:20px 16px}.mcb-review-top{flex-direction:column;gap:10px}.mcb-review-breads li{gap:12px}.mcb-review-subtotal{font-size:12px}.mcb-review-subtotal>strong{max-width:130px}}

.mcb-stage-frame{margin:0;padding:0;border:0;min-width:0}
.mcb-guided-shell .mcb-current-panel{scroll-margin-top:100px}
.mcb-guided-shell .mcb-current-panel:not(.is-review){max-width:760px;margin-inline:auto}
.mcb-wizard-card{padding:30px;background:#fff;border:1px solid var(--mcb-border);min-width:0}
.mcb-wizard-card>h3{font-size:clamp(30px,3.3vw,43px);line-height:1.12;color:var(--mcb-ink);margin:9px 0 0;max-width:650px}
.mcb-stage-intro{font-size:14px;line-height:1.7;color:var(--mcb-muted);margin:15px 0 27px;max-width:620px}
.mcb-calendar-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mcb-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;border-top:1px solid var(--mcb-border);padding-top:20px}
.mcb-stage-actions .mcb-next-button{min-width:140px}
.mcb-stage-actions .mcb-back-button{margin:0}
.mcb-location-address{font-size:13px;line-height:1.65;color:var(--mcb-muted);margin-top:17px;max-width:600px}
.mcb-wizard-nav li{flex-basis:100px}
.mcb-wizard-nav button{font-size:11px;min-height:55px;padding:9px;gap:7px}
.mcb-wizard-nav button:disabled{opacity:.45;cursor:not-allowed}
.mcb-wizard-nav .mcb-step-number{width:23px;height:23px;flex-basis:23px;font-size:10px}
.mcb-incomplete-next{margin-top:17px;width:100%}
.mcb-wizard-status{margin:17px 0 0;font-size:13px;line-height:1.6;color:var(--mcb-ink);overflow-wrap:anywhere}
.mcb-wizard-status:empty{display:none}
.mcb-wizard-status.is-error{color:#9b382c}
.mcb-reveal{animation:mcbStepReveal 350ms cubic-bezier(.2,.65,.3,1) both}
@keyframes mcbStepReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.mcb-wizard-card{padding:23px 17px}.mcb-stage-intro{font-size:13px;margin-bottom:22px}.mcb-calendar-fields{grid-template-columns:1fr;gap:18px}.mcb-wizard-nav li{flex-basis:calc(33.333% - 7px)}.mcb-wizard-nav button{font-size:10px;min-height:53px;padding:8px 6px;gap:5px}.mcb-wizard-nav .mcb-step-number{width:21px;height:21px;flex-basis:21px;font-size:10px}.mcb-stage-actions{gap:15px;margin-top:23px}.mcb-stage-actions .mcb-next-button{min-width:125px}.mcb-location-address{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mcb-reveal{animation:none!important;transform:none!important}}

/* Photo selection keeps names, unit prices and quantity controls together. */
.mcb-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mcb-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--mcb-border);border-radius:10px;background:#fff;box-shadow:0 3px 12px #243e2d06}
.mcb-product-card.is-selected{border-color:var(--mcb-ink);box-shadow:0 0 0 1px var(--mcb-ink)}
.mcb-card-picture{position:relative;aspect-ratio:1.2;background:#eee7d9;overflow:hidden}
.mcb-card-picture img{width:100%;height:100%;object-fit:cover}
.mcb-chosen-badge{position:absolute;top:10px;left:10px;background:var(--mcb-ink);color:#fff;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700;line-height:1.5}
.mcb-card-body{display:flex;flex-direction:column;flex:1;padding:15px 14px 14px;min-width:0}
.mcb-card-body h4{font-family:var(--sans,Arial,sans-serif);font-size:15px;font-weight:600;line-height:1.45;margin:0;color:var(--mcb-ink);overflow-wrap:anywhere}
.mcb-card-price{font-size:14px;font-weight:700;line-height:1.5;margin-top:7px;color:var(--mcb-ink);font-variant-numeric:tabular-nums}
.mcb-card-note{font-size:11px;line-height:1.5;min-height:33px;color:var(--mcb-muted);margin:8px 0 14px}
.mcb-card-quantity{display:grid;grid-template-columns:44px minmax(20px,1fr) 44px;align-items:center;gap:0;margin-top:auto;width:100%;max-width:172px;align-self:center}
.mcb-card-quantity button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--mcb-border);border-radius:50%;background:#fff;color:var(--mcb-ink);font-size:24px;font-weight:400;line-height:1;touch-action:manipulation}
.mcb-card-quantity button[data-mcb-action=increase]{background:var(--mcb-ink);border-color:var(--mcb-ink);color:#fff}
.mcb-card-quantity button:hover:not(:disabled){box-shadow:0 0 0 3px #176b9f15}
.mcb-card-quantity button:disabled{background:#f1f2ef;border-color:#e1e4de;color:#8a948d;opacity:1;cursor:not-allowed}
.mcb-quantity-value{text-align:center;font-size:18px;font-weight:600;line-height:1.4;color:var(--mcb-ink);font-variant-numeric:tabular-nums}
.mcb-card-quantity button:focus-visible,.mcb-card-body h4:focus-visible{outline:3px solid var(--mcb-ink);outline-offset:3px}
.mcb-product-card.is-unavailable{background:#f4f4f0;border-color:#dfe2db;box-shadow:none}
.mcb-product-card.is-unavailable .mcb-card-picture img{filter:grayscale(.8);opacity:.5}
.mcb-product-card.is-unavailable .mcb-card-body h4,.mcb-product-card.is-unavailable .mcb-card-price{color:#68716a}
.mcb-product-card.is-unavailable .mcb-card-note{color:#657068}
.mcb-product-card.is-unavailable.is-selected{border-color:var(--mcb-ink)}
.mcb-selection-footer{margin-top:24px;padding-top:21px;border-top:1px solid var(--mcb-border)}
.mcb-selection-footer .mcb-pickup-subtotal{padding:0;border:0;margin:0;align-items:center}
.mcb-selection-footer .mcb-pickup-subtotal small{display:block;font-size:11px;color:var(--mcb-muted);margin-top:4px}
.mcb-selection-footer .mcb-pickup-subtotal>strong{font-size:25px;letter-spacing:-.4px}
.mcb-selection-footer .mcb-stage-actions{margin-top:17px;padding-top:0;border:0}
.mcb-card-validation{font-size:12px;line-height:1.6;color:#8f452e;margin:13px 0 0}
@media(max-width:760px){.mcb-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mcb-card-body{padding:14px 12px}.mcb-card-body h4{font-size:14px}.mcb-card-quantity{max-width:150px}}
@media(max-width:480px){.mcb-product-grid{grid-template-columns:1fr;gap:12px}.mcb-product-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;align-items:start;padding:12px;border-radius:9px}.mcb-card-picture{width:80px;aspect-ratio:1;border-radius:6px}.mcb-card-picture img{border-radius:6px}.mcb-chosen-badge{top:auto;bottom:0;left:0;right:0;border-radius:0;padding:3px;text-align:center;font-size:9px}.mcb-card-body{padding:0;min-height:126px}.mcb-card-body h4{font-size:14px;line-height:1.4}.mcb-card-price{font-size:14px;margin-top:4px}.mcb-card-note{font-size:11px;line-height:1.45;min-height:0;margin:5px 0 10px}.mcb-card-quantity{align-self:flex-start;max-width:146px;grid-template-columns:44px minmax(20px,1fr) 44px}.mcb-selection-footer .mcb-pickup-subtotal>strong{font-size:23px}}
@media(max-width:360px){.mcb-product-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}.mcb-card-picture{width:64px}.mcb-card-body h4{font-size:13px}.mcb-card-quantity{max-width:128px}.mcb-quantity-value{font-size:16px}}

/* Bread Club photo experience: warm bakery colours and deliberate, quiet motion. */
#monthly-club-builder {
  --mcb-cream:#fff9ed;
  --mcb-ink:#176b9f;
  --mcb-muted:#657074;
  --mcb-border:#e9dfcc;
  --mcb-apricot:#f6a367;
  --mcb-butter:#ffe39a;
  --mcb-shadow:0 8px 24px #9b713a0b;
  color:var(--mcb-ink);
}
#monthly-club-builder .mcb-shell {
  padding:clamp(16px,3vw,38px);
  border:1px solid #eadfc9;
  border-radius:30px;
  background-color:var(--mcb-cream);
  background-image:radial-gradient(#dcbf8e35 .8px,transparent .8px);
  background-size:19px 19px;
  color:var(--mcb-ink);
  box-shadow:0 12px 42px #9770450a;
}
#monthly-club-builder .mcb-current-panel:not(.is-review) { max-width:1100px; }
#monthly-club-builder .mcb-wizard-card {
  position:relative;
  border-radius:22px;
  border-color:var(--mcb-border);
  box-shadow:var(--mcb-shadow);
}
#monthly-club-builder .mcb-wizard-card:not(.mcb-plan-picker) { max-width:760px;margin-inline:auto; }
#monthly-club-builder .mcb-eyebrow { color:#7e6248; }
#monthly-club-builder .mcb-stage-intro { color:var(--mcb-muted); }
#monthly-club-builder .mcb-field input,
#monthly-club-builder .mcb-field select { border-radius:12px;border-color:#d9dddc;min-height:50px; }
#monthly-club-builder .mcb-next-button,
#monthly-club-builder .mcb-add {
  min-height:50px;
  border-radius:100px;
  padding:13px 22px;
  font-weight:700;
  transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
#monthly-club-builder .mcb-next-button:disabled { background:#e6e9e7;color:#738087;border-color:#dbe1de;opacity:1;cursor:not-allowed; }
#monthly-club-builder .mcb-back-button,
#monthly-club-builder .mcb-edit-pickup { min-height:44px;display:inline-flex;align-items:center;color:var(--mcb-ink); }
#monthly-club-builder button:focus-visible,
#monthly-club-builder input:focus-visible,
#monthly-club-builder select:focus-visible,
#monthly-club-builder h4:focus-visible {
  outline:3px solid var(--mcb-ink);
  outline-offset:4px;
}
#monthly-club-builder .mcb-wizard-nav button { border-radius:14px;border-color:#e4dfd1; }
#monthly-club-builder .mcb-wizard-nav button[aria-current=step] { border-color:var(--mcb-ink);box-shadow:0 4px 10px #176b9f16; }
#monthly-club-builder .mcb-wizard-nav button:disabled { opacity:.62; }

/* The full photo card is the native radio label, including its saving badge. */
#monthly-club-builder .mcb-plan-picker {
  padding:clamp(8px,1.8vw,24px);
  background:transparent;
  border:0;
  box-shadow:none;
}
#monthly-club-builder .mcb-plan-picker>h3 { max-width:740px;padding-right:40px; }
#monthly-club-builder .mcb-picker-decoration {
  position:absolute;
  right:12px;
  top:8px;
  color:var(--mcb-apricot);
  font-size:68px;
  font-family:Georgia,serif;
  line-height:1;
  transform:rotate(12deg);
  pointer-events:none;
  user-select:none;
}
#monthly-club-builder .mcb-plan-picker .mcb-frequency-options { gap:20px;align-items:stretch; }
#monthly-club-builder .mcb-frequency-choice>.mcb-plan-card,
#monthly-club-builder .mcb-frequency-choice input:checked+.mcb-plan-card {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  gap:0;
  height:100%;
  min-height:0;
  padding:0;
  border:2px solid #e8dfcf;
  border-radius:23px;
  overflow:hidden;
  background:#fffdf7;
  color:var(--mcb-ink);
  box-shadow:var(--mcb-shadow);
  transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
#monthly-club-builder .mcb-plan-photo { position:relative;display:block;height:clamp(180px,18vw,220px);overflow:hidden;background:#f0e2c7;flex-shrink:0; }
#monthly-club-builder .mcb-plan-photo img { display:block;width:100%;height:100%;object-fit:cover;transition:transform 320ms ease; }
#monthly-club-builder .mcb-plan-saving {
  position:absolute;
  top:14px;
  left:14px;
  padding:7px 12px;
  border:1px solid #ffffffa6;
  border-radius:100px;
  background:var(--mcb-butter);
  color:#6d491a;
  box-shadow:0 3px 12px #61472012;
  font-size:13px;
  line-height:1.4;
  font-weight:800;
  white-space:nowrap;
}
#monthly-club-builder .mcb-plan-content { display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:21px 20px 23px;flex:1;min-width:0; }
#monthly-club-builder .mcb-plan-content .mcb-plan-kicker,
#monthly-club-builder .mcb-frequency-choice input:checked+.mcb-plan-card .mcb-plan-kicker {
  padding:0;
  margin:0;
  border-radius:0;
  color:#806347;
  background:none;
  font-size:10px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  white-space:normal;
}
#monthly-club-builder .mcb-plan-content>strong { font-size:clamp(25px,2.4vw,33px);line-height:1.1;letter-spacing:-.6px;font-weight:700;white-space:normal; }
#monthly-club-builder .mcb-plan-content>strong>span { display:block;margin-top:5px;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:500;color:var(--mcb-muted); }
#monthly-club-builder .mcb-plan-caption { display:block;font-size:12px;line-height:1.6;color:var(--mcb-muted); }
#monthly-club-builder .mcb-plan-check {
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:2px solid #ffffff;
  border-radius:50%;
  background:#fffdf7;
  color:var(--mcb-ink);
  box-shadow:0 2px 10px #173d4d24;
  font-size:17px;
  font-weight:700;
  opacity:1;
  transform:scale(1);
  transition:opacity 180ms ease,transform 180ms ease;
}
#monthly-club-builder .mcb-frequency-choice input:checked+.mcb-plan-card { border-color:var(--mcb-ink);background:#fff;box-shadow:0 0 0 2px #176b9f16,0 10px 22px #176b9f12;transform:translateY(-3px); }
#monthly-club-builder .mcb-frequency-choice input:checked+.mcb-plan-card .mcb-plan-saving { background:var(--mcb-apricot);color:#4d3420; }
#monthly-club-builder .mcb-frequency-choice input:checked+.mcb-plan-card .mcb-plan-check { background:var(--mcb-ink);color:#fff;opacity:1;transform:scale(1.06); }
#monthly-club-builder .mcb-frequency-choice input:focus-visible+.mcb-plan-card { outline:3px solid var(--mcb-ink);outline-offset:5px; }
#monthly-club-builder .mcb-frequency-adjust {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:25px;
  padding:17px 20px;
  border:1px dashed #dabd8c;
  border-radius:17px;
  background:#fff7df;
}
#monthly-club-builder .mcb-frequency-feedback { margin:0;font-size:14px;line-height:1.6;color:#70563c; }
#monthly-club-builder .mcb-frequency-feedback strong { color:var(--mcb-ink); }
#monthly-club-builder .mcb-frequency-stepper { display:grid;grid-template-columns:48px minmax(30px,1fr) 48px;gap:9px;align-items:center;flex:0 0 auto; }
#monthly-club-builder .mcb-frequency-stepper button { width:48px;height:48px;padding:0;border:1px solid #e6d6b7;border-radius:50%;background:#fff;color:var(--mcb-ink);font-size:25px;line-height:1;touch-action:manipulation; }
#monthly-club-builder .mcb-frequency-stepper button:disabled { background:#f0eadd;color:#a09b8e;border-color:#e7dfcd;opacity:1;cursor:not-allowed; }
#monthly-club-builder .mcb-frequency-stepper output { min-width:30px;text-align:center;color:var(--mcb-ink);font-size:24px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums; }
#monthly-club-builder .mcb-plan-footnote { margin:14px 0 0;text-align:center;color:#796a57;font-size:11px;line-height:1.65; }

/* Bread photos are generous click targets; names and quantities stay aligned. */
#monthly-club-builder .mcb-active-pickup .mcb-pickup { padding:clamp(15px,2.5vw,29px);border-radius:23px;border-color:var(--mcb-border);background:#fffdf7;box-shadow:var(--mcb-shadow); }
#monthly-club-builder .mcb-pickup-heading { gap:14px; }
#monthly-club-builder .mcb-pickup-heading h3 { font-size:clamp(28px,3vw,40px);line-height:1.1; }
#monthly-club-builder .mcb-pickup-heading p { font-size:12px;line-height:1.55; }
#monthly-club-builder .mcb-number { width:44px;height:44px;flex-basis:44px;background:var(--mcb-butter);border-color:#f3d48b;font-weight:700;color:#6c501c; }
#monthly-club-builder .mcb-product-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch; }
#monthly-club-builder .mcb-product-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  min-width:0;
  padding:0;
  border:2px solid #e8dfcf;
  border-radius:23px;
  background:#fff;
  box-shadow:var(--mcb-shadow);
  transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
#monthly-club-builder .mcb-card-picture {
  position:relative;
  display:block;
  flex-shrink:0;
  width:100%;
  min-height:180px;
  height:auto;
  aspect-ratio:1.3;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#f0e3cd;
  color:var(--mcb-ink);
  cursor:pointer;
  line-height:0;
  text-align:left;
  touch-action:manipulation;
}
#monthly-club-builder .mcb-card-picture img { display:block;width:100%;height:100%;position:absolute;inset:0;border-radius:0;object-fit:cover;transition:transform 320ms ease,filter 180ms ease,opacity 180ms ease; }
#monthly-club-builder .mcb-card-picture:focus-visible { outline-offset:-5px;z-index:1; }
#monthly-club-builder .mcb-card-picture:disabled { cursor:not-allowed;opacity:1; }
#monthly-club-builder .mcb-photo-hint { position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;max-width:calc(100% - 24px);min-height:32px;padding:6px 12px;border:1px solid #ffffffce;border-radius:100px;background:#ffffffed;color:var(--mcb-ink);font-size:11px;font-weight:700;line-height:1.3;box-shadow:0 2px 8px #76573414;pointer-events:none; }
#monthly-club-builder .mcb-chosen-badge { top:12px;left:12px;right:auto;bottom:auto;display:inline-block;padding:5px 10px;border:1px solid #ffffffc7;border-radius:100px;background:var(--mcb-ink);font-size:11px;font-weight:700;line-height:1.5;box-shadow:0 3px 10px #176b9f22; }
#monthly-club-builder .mcb-card-body { display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;padding:19px 18px 18px; }
#monthly-club-builder .mcb-product-category { margin:0 0 7px;color:#8e6945;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1px;text-transform:uppercase; }
#monthly-club-builder .mcb-card-body h4 { min-height:2.8em;margin:0;font-size:17px;font-weight:650;line-height:1.4;color:var(--mcb-ink); }
#monthly-club-builder .mcb-card-price { margin-top:9px;color:var(--mcb-ink);font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.3px; }
#monthly-club-builder .mcb-card-note { min-height:34px;margin:9px 0 16px;font-size:11px;line-height:1.5;color:var(--mcb-muted); }
#monthly-club-builder .mcb-card-quantity { grid-template-columns:48px minmax(26px,1fr) 48px;gap:6px;width:100%;max-width:184px;align-self:center;margin-top:auto;padding-top:0; }
#monthly-club-builder .mcb-card-quantity button { width:48px;height:48px;border:1px solid #d6e3e7;background:#fff;color:var(--mcb-ink);font-size:26px;transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
#monthly-club-builder .mcb-card-quantity button[data-mcb-action=increase] { border-color:var(--mcb-ink);background:var(--mcb-ink);color:#fff;box-shadow:0 3px 7px #176b9f19; }
#monthly-club-builder .mcb-card-quantity button:disabled { background:#efeee9;border-color:#e1e1d9;color:#949890;box-shadow:none;opacity:1; }
#monthly-club-builder .mcb-quantity-value { font-size:21px;font-weight:700;color:var(--mcb-ink); }
#monthly-club-builder .mcb-product-card.is-selected { border-color:var(--mcb-ink);box-shadow:0 0 0 2px #176b9f13,0 8px 22px #176b9f0b; }
#monthly-club-builder .mcb-product-card.is-unavailable { border-color:#e3e0d8;background:#f5f4ef;box-shadow:none; }
#monthly-club-builder .mcb-product-card.is-unavailable .mcb-card-picture img { filter:grayscale(.85);opacity:.5; }
#monthly-club-builder .mcb-product-card.is-unavailable .mcb-card-body h4,
#monthly-club-builder .mcb-product-card.is-unavailable .mcb-card-price { color:#657071; }
#monthly-club-builder .mcb-product-card.is-unavailable .mcb-photo-hint { color:#697375;background:#f5f5efeb;box-shadow:none; }
#monthly-club-builder .mcb-product-card.is-unavailable.is-selected { border-color:var(--mcb-ink); }
#monthly-club-builder .mcb-selection-live { margin:12px 0 17px;color:var(--mcb-ink);font-size:13px;line-height:1.6; }
#monthly-club-builder .mcb-pickup-overview {
  position:sticky;
  top:100px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 18px;
  margin:0 0 22px;
  padding:14px 17px;
  border:1px solid #b7d0dc;
  border-radius:16px;
  background:#fff9ed;
  box-shadow:0 5px 16px #176b9f10;
}
#monthly-club-builder .mcb-pickup-overview>div { flex:1 1 95px;min-width:0; }
#monthly-club-builder .mcb-pickup-overview>div>span { display:block;margin-bottom:3px;color:var(--mcb-muted);font-size:11px;line-height:1.4; }
#monthly-club-builder .mcb-pickup-overview>div>strong { display:block;color:var(--mcb-ink);font-size:23px;line-height:1.2;font-weight:750;letter-spacing:-.4px;font-variant-numeric:tabular-nums; }
#monthly-club-builder .mcb-pickup-overview>button {
  flex:0 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:130px;
  min-height:48px;
  padding:11px 18px;
  border:1px solid var(--mcb-ink);
  border-radius:100px;
  background:var(--mcb-ink);
  color:#fff;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
  white-space:nowrap;
}
#monthly-club-builder .mcb-pickup-overview>button:disabled { background:#e6e9e7;border-color:#dbe1de;color:#738087;opacity:1;cursor:not-allowed; }
#monthly-club-builder .mcb-selection-footer { padding:22px;border:1px solid #f0d5ad;border-radius:20px;background:#fff3dc; }
#monthly-club-builder .mcb-selection-footer .mcb-pickup-subtotal>strong { font-size:28px; }
#monthly-club-builder .mcb-selection-footer .mcb-pickup-subtotal small { color:#7b6850; }
#monthly-club-builder .mcb-card-validation { color:#874b31; }
#monthly-club-builder .mcb-review-pickup { border-radius:20px;box-shadow:var(--mcb-shadow); }
#monthly-club-builder .mcb-summary { border-radius:23px;background:var(--mcb-ink);box-shadow:0 10px 26px #176b9f17; }
#monthly-club-builder .mcb-summary .mcb-eyebrow,
#monthly-club-builder .mcb-summary-description,
#monthly-club-builder .mcb-summary-note { color:#e6f1f7; }
#monthly-club-builder .mcb-summary .mcb-saving { color:var(--mcb-butter); }
#monthly-club-builder .mcb-add { background:var(--mcb-butter);color:#3b514f; }

@media(hover:hover) and (pointer:fine) {
  #monthly-club-builder .mcb-frequency-choice:hover>.mcb-plan-card { transform:translateY(-4px);box-shadow:0 12px 26px #8d6a4320; }
  #monthly-club-builder .mcb-frequency-choice:hover .mcb-plan-photo img { transform:scale(1.035); }
  #monthly-club-builder .mcb-product-card:not(.is-unavailable):hover { transform:translateY(-3px);box-shadow:0 12px 24px #176b9f13; }
  #monthly-club-builder .mcb-card-picture:not(:disabled):hover img { transform:scale(1.035); }
  #monthly-club-builder .mcb-card-quantity button:not(:disabled):hover,
  #monthly-club-builder .mcb-frequency-stepper button:not(:disabled):hover { box-shadow:0 0 0 4px #176b9f12; }
  #monthly-club-builder .mcb-next-button:not(:disabled):hover { background:#105c8c;box-shadow:0 5px 13px #176b9f21;transform:translateY(-1px); }
  #monthly-club-builder .mcb-add:not(:disabled):hover { background:#ffdda0;transform:translateY(-1px); }
}
@media(max-width:900px) {
  #monthly-club-builder .mcb-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:17px; }
  #monthly-club-builder .mcb-plan-picker .mcb-frequency-options { gap:12px; }
  #monthly-club-builder .mcb-plan-photo { height:185px; }
  #monthly-club-builder .mcb-plan-content { padding:18px 15px 20px; }
  #monthly-club-builder .mcb-plan-content>strong { font-size:26px; }
  #monthly-club-builder .mcb-plan-saving { top:10px;left:10px;padding:6px 9px;font-size:11px; }
  #monthly-club-builder .mcb-plan-check { top:10px;right:10px;width:25px;height:25px;font-size:14px; }
}
@media(max-width:650px) {
  #monthly-club-builder .mcb-shell { padding:17px 13px;border-radius:24px; }
  #monthly-club-builder .mcb-plan-picker { padding:5px; }
  #monthly-club-builder .mcb-plan-picker>h3 { font-size:33px;padding-right:22px; }
  #monthly-club-builder .mcb-picker-decoration { top:11px;right:0;font-size:47px; }
  #monthly-club-builder .mcb-plan-picker .mcb-frequency-options { grid-template-columns:1fr;gap:15px; }
  #monthly-club-builder .mcb-frequency-choice>.mcb-plan-card,
  #monthly-club-builder .mcb-frequency-choice input:checked+.mcb-plan-card { display:flex;flex-direction:column;min-height:0;border-radius:20px; }
  #monthly-club-builder .mcb-plan-photo { width:100%;height:165px;min-height:165px; }
  #monthly-club-builder .mcb-plan-content { justify-content:center;gap:7px;padding:17px 18px; }
  #monthly-club-builder .mcb-plan-content .mcb-plan-kicker { font-size:9px;letter-spacing:1px;padding-right:12px; }
  #monthly-club-builder .mcb-plan-content>strong { font-size:28px; }
  #monthly-club-builder .mcb-plan-caption { font-size:11px; }
  #monthly-club-builder .mcb-plan-saving { top:10px;left:8px;font-size:11px; }
  #monthly-club-builder .mcb-frequency-adjust { flex-direction:column;align-items:center;gap:13px;padding:17px 15px;margin-top:20px;text-align:center; }
  #monthly-club-builder .mcb-frequency-feedback { font-size:13px; }
  #monthly-club-builder .mcb-frequency-stepper { gap:12px; }
  #monthly-club-builder .mcb-stage-actions { gap:12px; }
  #monthly-club-builder .mcb-stage-actions .mcb-next-button { min-width:124px;padding-inline:17px; }
  #monthly-club-builder .mcb-active-pickup .mcb-pickup { padding:17px 13px;border-radius:20px; }
  #monthly-club-builder .mcb-card-body { padding:16px 14px; }
  #monthly-club-builder .mcb-card-body h4 { font-size:16px; }
  #monthly-club-builder .mcb-product-grid { gap:14px; }
  #monthly-club-builder .mcb-card-picture { min-height:150px; }
  #monthly-club-builder .mcb-pickup-overview { top:84px;gap:10px 12px;padding:12px;margin-bottom:18px;border-radius:14px; }
  #monthly-club-builder .mcb-pickup-overview>div { flex-basis:85px; }
  #monthly-club-builder .mcb-pickup-overview>div>strong { font-size:21px; }
  #monthly-club-builder .mcb-pickup-overview>button { min-width:120px;padding-inline:14px; }
  #monthly-club-builder .mcb-selection-footer { padding:18px 15px; }
  #monthly-club-builder .mcb-selection-footer .mcb-pickup-subtotal { gap:10px; }
  #monthly-club-builder .mcb-selection-footer .mcb-pickup-subtotal>strong { font-size:24px; }
}
@media(max-width:540px) {
  #monthly-club-builder .mcb-product-grid { grid-template-columns:1fr;gap:18px; }
  #monthly-club-builder .mcb-product-card { border-radius:22px; }
  #monthly-club-builder .mcb-card-picture { aspect-ratio:1.4;min-height:170px; }
  #monthly-club-builder .mcb-card-body { padding:18px; }
  #monthly-club-builder .mcb-card-body h4 { min-height:0;font-size:18px;line-height:1.4; }
  #monthly-club-builder .mcb-card-price { font-size:21px; }
  #monthly-club-builder .mcb-card-note { min-height:0;margin-bottom:15px; }
  #monthly-club-builder .mcb-card-quantity { width:184px;max-width:100%;align-self:center; }
  #monthly-club-builder .mcb-pickup-heading h3 { font-size:30px; }
  #monthly-club-builder .mcb-number { width:39px;height:39px;flex-basis:39px; }
}
@media(max-width:360px) {
  #monthly-club-builder .mcb-shell { padding:14px 9px;border-radius:20px; }
  #monthly-club-builder .mcb-plan-picker { padding:2px; }
  #monthly-club-builder .mcb-plan-picker>h3 { font-size:29px; }
  #monthly-club-builder .mcb-plan-content { padding:17px 15px; }
  #monthly-club-builder .mcb-plan-content>strong { font-size:25px; }
  #monthly-club-builder .mcb-plan-saving { left:6px;padding:5px 7px;font-size:10px; }
  #monthly-club-builder .mcb-active-pickup .mcb-pickup { padding:16px 10px; }
  #monthly-club-builder .mcb-card-body { padding:16px; }
  #monthly-club-builder .mcb-pickup-heading { gap:10px; }
  #monthly-club-builder .mcb-pickup-heading h3 { font-size:27px; }
  #monthly-club-builder .mcb-selection-footer { padding:16px 11px; }
  #monthly-club-builder .mcb-selection-footer .mcb-stage-actions { gap:9px; }
  #monthly-club-builder .mcb-selection-footer .mcb-next-button { min-width:0;padding-inline:13px;font-size:12px; }
  #monthly-club-builder .mcb-selection-footer .mcb-pickup-subtotal>strong { font-size:22px; }
  #monthly-club-builder .mcb-pickup-overview>button { flex:1 1 100%; }
}
@media(prefers-reduced-motion:reduce) {
  #monthly-club-builder .mcb-plan-card,
  #monthly-club-builder .mcb-plan-photo img,
  #monthly-club-builder .mcb-plan-check,
  #monthly-club-builder .mcb-product-card,
  #monthly-club-builder .mcb-card-picture img,
  #monthly-club-builder .mcb-card-quantity button,
  #monthly-club-builder .mcb-next-button,
  #monthly-club-builder .mcb-add { transition:none!important;animation:none!important;transform:none!important; }
}

/* Month, baking day and branch choices share the photo picker's visual language. */
#monthly-club-builder .mcb-planning-card { padding:24px; }
#monthly-club-builder .mcb-planning-card>h3 { margin-top:6px;font-size:clamp(29px,3vw,38px);line-height:1.12; }
#monthly-club-builder .mcb-planning-card .mcb-stage-intro { margin:10px 0 18px;line-height:1.6; }
#monthly-club-builder .mcb-choice-label { display:block;margin:18px 0 8px;color:var(--mcb-ink);font-family:var(--sans,Arial,sans-serif);font-size:13px;font-weight:700;line-height:1.45; }
#monthly-club-builder .mcb-month-options { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px; }
#monthly-club-builder .mcb-day-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
#monthly-club-builder .mcb-month-choice,
#monthly-club-builder .mcb-day-choice {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  min-width:0;
  min-height:94px;
  padding:14px 16px;
  border:2px solid #e8dfcf;
  border-radius:16px;
  background:#fffdf7;
  color:var(--mcb-ink);
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
#monthly-club-builder .mcb-month-choice small,
#monthly-club-builder .mcb-day-choice small { color:#896b4c;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:1px;text-transform:uppercase; }
#monthly-club-builder .mcb-month-choice strong { font-size:23px;font-weight:700;line-height:1.15;letter-spacing:-.4px; }
#monthly-club-builder .mcb-month-choice>span,
#monthly-club-builder .mcb-day-choice>span { color:var(--mcb-muted);font-size:11px;line-height:1.45; }
#monthly-club-builder .mcb-day-choice { min-height:88px;padding:12px 14px;gap:3px; }
#monthly-club-builder .mcb-day-choice strong { font-size:16px;font-weight:700;line-height:1.3; }
#monthly-club-builder .mcb-month-choice[aria-pressed=true],
#monthly-club-builder .mcb-day-choice[aria-pressed=true] { border-color:var(--mcb-ink);background:#eaf4f8;box-shadow:0 0 0 2px #176b9f0c; }
#monthly-club-builder .mcb-month-choice[aria-pressed=true]::after,
#monthly-club-builder .mcb-day-choice[aria-pressed=true]::after { content:'✓';position:absolute;right:9px;top:9px;color:var(--mcb-ink);font-size:13px;line-height:1;font-weight:800; }
#monthly-club-builder .mcb-month-choice:disabled,
#monthly-club-builder .mcb-day-choice:disabled { border-color:#e5e1d7;background:#f2f0e9;color:#78807c;opacity:1;cursor:not-allowed;box-shadow:none; }
#monthly-club-builder .mcb-month-choice:disabled small,
#monthly-club-builder .mcb-day-choice:disabled small,
#monthly-club-builder .mcb-month-choice:disabled>span,
#monthly-club-builder .mcb-day-choice:disabled>span { color:#7b8178; }
#monthly-club-builder .mcb-schedule-preview { display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:15px;padding:12px;border:1px dashed #e6c99c;border-radius:15px;background:#fff7e6; }
#monthly-club-builder .mcb-schedule-preview>div:first-child { flex:1 1 230px;min-width:0; }
#monthly-club-builder .mcb-schedule-preview>div:first-child>p { margin:3px 0 0;color:#7c6a51;font-size:11px;line-height:1.55; }
#monthly-club-builder .mcb-suggested-dates { display:flex;flex-wrap:wrap;align-items:stretch;gap:6px; }
#monthly-club-builder .mcb-suggested-date { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:61px;padding:8px 10px;border:1px solid #ebddc2;border-radius:11px;background:#fffdf7;color:var(--mcb-ink);text-align:center; }
#monthly-club-builder .mcb-suggested-date small { font-size:9px;line-height:1.3;font-weight:700;letter-spacing:.5px;text-transform:uppercase; }
#monthly-club-builder .mcb-suggested-date strong { font-size:24px;line-height:1;font-weight:700; }
#monthly-club-builder .mcb-suggested-date>span { color:#7e6a4c;font-size:10px;line-height:1.3; }
#monthly-club-builder .mcb-planning-card .mcb-help { margin:12px 0 0;font-size:11px;line-height:1.55; }
#monthly-club-builder .mcb-planning-card .mcb-inline-error { margin:11px 0 0; }

/* A whole illustrated branch card is a large, reversible selection target. */
#monthly-club-builder .mcb-branch-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch; }
#monthly-club-builder .mcb-branch-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:2px solid #e8dfcf;
  border-radius:20px;
  background:#fffdf7;
  color:var(--mcb-ink);
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  box-shadow:0 4px 15px #8a694008;
  transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
#monthly-club-builder .mcb-branch-art { display:grid;place-items:center;height:145px;overflow:hidden;background:linear-gradient(150deg,#fff1d4,#fce5cd); }
#monthly-club-builder .mcb-branch-card:nth-child(even) .mcb-branch-art { background:linear-gradient(150deg,#eaf3f6,#fff4dc); }
#monthly-club-builder .mcb-branch-art svg { display:block;width:84%;max-width:290px;height:123px;transition:transform 240ms ease; }
#monthly-club-builder .mcb-branch-body { display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0;padding:17px 18px; }
#monthly-club-builder .mcb-branch-area { display:block;color:#8b6947;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:1px;text-transform:uppercase; }
#monthly-club-builder .mcb-branch-title { display:block;min-height:2.3em;margin:8px 0 0;color:var(--mcb-ink);font-family:var(--serif,'Arial Narrow',Arial,sans-serif);font-size:27px;font-weight:500;line-height:1.15;overflow-wrap:anywhere; }
#monthly-club-builder .mcb-branch-address { display:block;margin:10px 0 15px;color:var(--mcb-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
#monthly-club-builder .mcb-branch-choice { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #e5dfcf;color:var(--mcb-ink);font-size:12px;font-weight:700;line-height:1.5; }
#monthly-club-builder .mcb-branch-card[aria-pressed=true] { border-color:var(--mcb-ink);background:#f6fbfc;box-shadow:0 0 0 2px #176b9f10,0 6px 20px #176b9f0b; }
#monthly-club-builder .mcb-branch-card[aria-pressed=true] .mcb-branch-choice { color:#105c8c; }

/* Calendar dates are explicit buttons; a summary keeps the chosen bake visible. */
#monthly-club-builder .mcb-date-planner { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.8fr);align-items:stretch;gap:14px;margin:0 0 18px; }
#monthly-club-builder .mcb-calendar { min-width:0;padding:16px;border:1px solid #e4dfd2;border-radius:18px;background:#fff; }
#monthly-club-builder .mcb-calendar-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px; }
#monthly-club-builder .mcb-calendar-heading h4 { margin:0;color:var(--mcb-ink);font-size:25px;font-weight:500;line-height:1.2; }
#monthly-club-builder .mcb-calendar-heading small { flex-shrink:0;color:#7b6b54;font-size:10px;line-height:1.4; }
#monthly-club-builder .mcb-weekdays,
#monthly-club-builder .mcb-calendar-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px; }
#monthly-club-builder .mcb-weekdays { margin-bottom:5px; }
#monthly-club-builder .mcb-weekdays>span { display:block;padding:4px 0;color:#6f797c;text-align:center;font-size:10px;font-weight:700;line-height:1.4; }
#monthly-club-builder .mcb-calendar-day {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:100%;
  min-width:44px;
  min-height:54px;
  padding:6px 2px;
  border:1px solid transparent;
  border-radius:11px;
  background:#fff7e9;
  color:var(--mcb-ink);
  cursor:pointer;
  touch-action:manipulation;
  transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease;
}
#monthly-club-builder .mcb-calendar-day strong { font-size:18px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums; }
#monthly-club-builder .mcb-calendar-day small { min-height:11px;font-size:8px;font-weight:500;line-height:1.25; }
#monthly-club-builder .mcb-calendar-day[aria-pressed=true] { border-color:var(--mcb-ink);background:var(--mcb-ink);color:#fff;box-shadow:0 3px 8px #176b9f22; }
#monthly-club-builder .mcb-calendar-day:disabled { border-color:transparent;background:#f2f2ed;color:#969b96;opacity:1;cursor:not-allowed;box-shadow:none; }
#monthly-club-builder .mcb-calendar-day[aria-pressed=true]:disabled { border-color:#c3845c;background:#fff0df;color:#875834;box-shadow:inset 0 0 0 1px #c3845c; }
#monthly-club-builder .mcb-calendar-blank { min-width:0;min-height:54px; }
#monthly-club-builder .mcb-calendar-legend { display:flex;flex-wrap:wrap;gap:3px 12px;margin:10px 0 0;color:var(--mcb-muted);font-size:10px;line-height:1.6; }
#monthly-club-builder .mcb-calendar-legend>span:first-child { color:var(--mcb-ink); }
#monthly-club-builder .mcb-date-summary { display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:21px;border:1px solid #efd7b4;border-radius:18px;background:linear-gradient(145deg,#fff2da,#fff9ed); }
#monthly-club-builder .mcb-date-stamp { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:84px;padding:12px 14px;border:1px solid #eed6ab;border-radius:15px;background:#fffdf5;text-align:center;box-shadow:0 4px 12px #a9753008; }
#monthly-club-builder .mcb-date-stamp small { color:var(--mcb-ink);font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase; }
#monthly-club-builder .mcb-date-stamp strong { color:var(--mcb-ink);font-size:40px;font-weight:700;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums; }
#monthly-club-builder .mcb-date-stamp>span { color:#866641;font-size:11px;line-height:1.3; }
#monthly-club-builder .mcb-date-summary h4 { margin:16px 0 7px;color:var(--mcb-ink);font-size:25px;font-weight:500;line-height:1.15; }
#monthly-club-builder .mcb-date-summary p { margin:0;color:#766a53;font-size:12px;line-height:1.6; }
#monthly-club-builder .mcb-date-breads { display:block;margin-top:12px;color:var(--mcb-ink);font-size:11px;line-height:1.5; }
#monthly-club-builder .mcb-date-breads>span { display:block;color:#8b6947;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.8px;text-transform:uppercase; }
#monthly-club-builder .mcb-date-breads>p { margin:5px 0 0;color:var(--mcb-ink);font-size:12px;line-height:1.65; }
#monthly-club-builder .mcb-active-pickup .mcb-pickup-heading { margin-bottom:17px; }
#monthly-club-builder .mcb-selection-live { margin:8px 0 12px; }

/* Navigation uses the same generous target size at every stage. */
#monthly-club-builder .mcb-stage-actions { gap:12px;margin-top:19px;padding-top:16px; }
#monthly-club-builder .mcb-stage-actions .mcb-back-button,
#monthly-club-builder .mcb-stage-actions .mcb-next-button { display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;gap:8px;min-width:0;max-width:220px;min-height:52px;margin:0;padding:13px 18px;border:1px solid var(--mcb-ink);border-radius:100px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center;touch-action:manipulation; }
#monthly-club-builder .mcb-stage-actions .mcb-back-button { background:#fffdf7; }
#monthly-club-builder .mcb-stage-actions .mcb-next-button:disabled { border-color:#dbe1de; }
#monthly-club-builder .mcb-month-choice:focus-visible,
#monthly-club-builder .mcb-day-choice:focus-visible,
#monthly-club-builder .mcb-branch-card:focus-visible,
#monthly-club-builder .mcb-calendar-day:focus-visible { position:relative;z-index:1;outline:3px solid var(--mcb-ink);outline-offset:3px; }

@media(hover:hover) and (pointer:fine) {
  #monthly-club-builder .mcb-month-choice:not(:disabled):hover,
  #monthly-club-builder .mcb-day-choice:not(:disabled):hover { border-color:#78a9c3;transform:translateY(-2px);box-shadow:0 5px 12px #176b9f0e; }
  #monthly-club-builder .mcb-branch-card:not(:disabled):hover { transform:translateY(-3px);box-shadow:0 8px 20px #176b9f12; }
  #monthly-club-builder .mcb-branch-card:not(:disabled):hover .mcb-branch-art svg { transform:translateY(-2px) rotate(-1deg); }
  #monthly-club-builder .mcb-calendar-day:not(:disabled):hover { transform:translateY(-2px);border-color:#78a9c3;box-shadow:0 3px 7px #176b9f16; }
  #monthly-club-builder .mcb-calendar-day:not(:disabled):not([aria-pressed=true]):hover { background:var(--mcb-butter); }
  #monthly-club-builder .mcb-stage-actions .mcb-back-button:hover { background:#eaf4f8; }
}
@media(max-width:900px) {
  #monthly-club-builder .mcb-date-planner { grid-template-columns:minmax(0,1fr);gap:10px; }
  #monthly-club-builder .mcb-date-summary { display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:16px;row-gap:4px;padding:16px;align-items:start; }
  #monthly-club-builder .mcb-date-stamp { grid-column:1;grid-row:1 / span 3;min-width:0;width:84px; }
  #monthly-club-builder .mcb-date-summary h4 { grid-column:2;margin:4px 0 0;font-size:23px; }
  #monthly-club-builder .mcb-date-summary p,
  #monthly-club-builder .mcb-date-breads { grid-column:2; }
  #monthly-club-builder .mcb-date-breads { margin-top:5px; }
}
@media(max-width:600px) {
  #monthly-club-builder .mcb-planning-card { padding:18px 14px; }
  #monthly-club-builder .mcb-planning-card>h3 { font-size:30px; }
  #monthly-club-builder .mcb-planning-card .mcb-stage-intro { font-size:12px;margin:9px 0 14px; }
  #monthly-club-builder .mcb-choice-label { margin-top:15px;margin-bottom:7px; }
  #monthly-club-builder .mcb-month-options { grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px; }
  #monthly-club-builder .mcb-month-choice { min-height:89px;padding:12px; }
  #monthly-club-builder .mcb-month-choice strong { font-size:20px; }
  #monthly-club-builder .mcb-day-options { grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
  #monthly-club-builder .mcb-day-choice { min-height:84px;padding:11px 12px; }
  #monthly-club-builder .mcb-day-choice strong { font-size:15px; }
  #monthly-club-builder .mcb-schedule-preview { gap:5px;padding:9px; }
  #monthly-club-builder .mcb-suggested-date { min-width:54px;padding:7px 8px; }
  #monthly-club-builder .mcb-branch-grid { grid-template-columns:1fr;gap:10px; }
  #monthly-club-builder .mcb-branch-art { height:125px; }
  #monthly-club-builder .mcb-branch-art svg { height:110px; }
  #monthly-club-builder .mcb-branch-body { padding:15px; }
  #monthly-club-builder .mcb-branch-title { min-height:0;margin-top:7px;font-size:27px; }
  #monthly-club-builder .mcb-branch-address { margin:9px 0 12px; }
  #monthly-club-builder .mcb-calendar { padding:10px; }
  #monthly-club-builder .mcb-calendar-heading { gap:8px;margin-bottom:9px; }
  #monthly-club-builder .mcb-calendar-heading h4 { font-size:23px; }
  #monthly-club-builder .mcb-calendar-day,
  #monthly-club-builder .mcb-calendar-blank { min-height:50px; }
  #monthly-club-builder .mcb-calendar-day { border-radius:9px; }
  #monthly-club-builder .mcb-date-summary { padding:13px;grid-template-columns:68px minmax(0,1fr);column-gap:12px; }
  #monthly-club-builder .mcb-date-stamp { min-width:0;width:68px;padding:10px 7px;border-radius:12px; }
  #monthly-club-builder .mcb-date-stamp strong { font-size:33px; }
  #monthly-club-builder .mcb-date-stamp small { font-size:9px; }
  #monthly-club-builder .mcb-date-summary h4 { font-size:21px; }
  #monthly-club-builder .mcb-date-summary p { font-size:11px; }
  #monthly-club-builder .mcb-date-breads { grid-column:1/-1;margin-top:8px;gap:4px; }
  #monthly-club-builder .mcb-date-breads>span { font-size:9px; }
  #monthly-club-builder .mcb-stage-actions { margin-top:16px;padding-top:14px;gap:8px; }
  #monthly-club-builder .mcb-stage-actions .mcb-back-button,
  #monthly-club-builder .mcb-stage-actions .mcb-next-button { min-height:52px;padding:12px 10px;font-size:13px;gap:6px; }
}
/* Seven 44px targets need a wider surface than the nested card on small phones. */
@media(max-width:460px) {
  #monthly-club-builder .mcb-calendar { position:relative;left:50%;width:calc(100vw - 26px);max-width:none;transform:translateX(-50%);padding:8px 5px;border-radius:15px; }
  #monthly-club-builder .mcb-calendar-day { min-width:0; }
  #monthly-club-builder .mcb-calendar-heading,
  #monthly-club-builder .mcb-calendar-legend { padding-inline:3px; }
}
@media(max-width:360px) {
  #monthly-club-builder .mcb-calendar { width:calc(100vw - 26px);padding:7px 0;border-radius:13px; }
  #monthly-club-builder .mcb-calendar-heading,
  #monthly-club-builder .mcb-calendar-legend { padding-inline:9px; }
  #monthly-club-builder .mcb-weekdays,
  #monthly-club-builder .mcb-calendar-grid { gap:0; }
  #monthly-club-builder .mcb-calendar-day { min-width:0;min-height:50px;border-radius:7px; }
  #monthly-club-builder .mcb-planning-card { padding:16px 12px; }
  #monthly-club-builder .mcb-month-options { grid-template-columns:1fr; }
  #monthly-club-builder .mcb-month-choice { min-height:82px; }
  #monthly-club-builder .mcb-month-choice strong { font-size:21px; }
  #monthly-club-builder .mcb-day-choice { padding:10px; }
  #monthly-club-builder .mcb-day-choice strong { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
  #monthly-club-builder .mcb-month-choice,
  #monthly-club-builder .mcb-day-choice,
  #monthly-club-builder .mcb-branch-card,
  #monthly-club-builder .mcb-branch-art svg,
  #monthly-club-builder .mcb-calendar-day { transition:none!important;animation:none!important;transform:none!important; }
}