/*bizco-head:bizco-dh-css*/

	.bizco-dh{margin:0 0 4px}
	.bizco-dh-lab{margin:0 0 8px;font-size:14px;font-weight:500;color:#16211B;line-height:1.4}
	.bizco-dh-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
	.bizco-dh-day{appearance:none;-webkit-appearance:none;height:40px;padding:0;border-radius:8px;
		border:1px solid #D9E0DB;background:#fff;color:#3F4A46;font-family:Outfit,sans-serif;
		font-size:12px;font-weight:400;line-height:1;cursor:pointer;box-shadow:none;
		transition:background .12s ease,border-color .12s ease,color .12s ease;min-width:0}
	.bizco-dh-day:hover{border-color:#BFCCC4}
	.bizco-dh-day.is-on{background:#0F5230;border-color:#0F5230;color:#fff}
	.bizco-dh-day.is-on:hover{background:#0C4227;border-color:#0C4227}
	.bizco-dh-day:focus-visible{outline:2px solid #0F9558;outline-offset:2px}
	.bizco-dh-echo{margin:8px 0 18px;font-size:12px;color:#3F4A46;line-height:1.45;min-height:1em}
	/* An empty echo was still reserving its line AND its bottom margin, which
	   is where the dead band above "Add location" came from. */
	.bizco-dh-echo:empty{min-height:0;margin:0}
	.bizco-dh-echo.is-floor{color:#8A6210}
	.bizco-dh-timewrap{position:relative}
	.bizco-dh .bizco-dh-time{width:100%}
	.bizco-dh-note{margin:2px 0 0;font-size:12.5px;color:#3F4A46;text-align:center}
	.bizco-dh-req{color:#0F9558;margin-left:3px;font-weight:600}
	/* Held, not hidden: the button stays put and reads as unavailable. The
	   colour is deliberately NOT set here - .bizco-cta-green already fades
	   itself when disabled, and matching the site's own convention beats
	   winning a specificity fight to introduce a second one. */
	.bizco-dh-held{cursor:not-allowed}
	.bizco-dh-err{margin:0 0 10px;font-size:13.5px;color:#B3261E}
	/* The field-level message: it belongs BESIDE the control that is wrong,
	   which is the whole reason the page no longer reloads to a toast. */
	.bizco-dh-fielderr{margin:6px 0 0;font-size:12.5px;color:#B3261E;font-weight:500}
	.bizco-dh-fielderr[hidden]{display:none}
	/* The select error is a grid item, so the row's own 10px gap stacks on
	   top of the paragraph margin and pushes it away from the field. Pull it
	   back so it reads as belonging to the control above it. */
	[data-dh-selerr]{margin-top:-6px}
	/* Snippet 148 upgrades every select: the native one is hidden as
	   .bizco-select__native and .bizco-select__trigger is the thing a person
	   actually sees, so the class goes straight on the trigger. Reaching it
	   through :has() on the wrapper looked tidier and never painted. */
	/* The street input is NOT inside .bizco-dh, so it needs its own rule or
	   the class sits there doing nothing. */
	.bizco-acct-addform input.bizco-dh-invalid,
	.bizco-acct-locblock input.bizco-dh-invalid,
	form input.bizco-dh-invalid{border-color:#B3261E !important;box-shadow:inset 0 0 0 1px #B3261E !important}
	/* bizco-ui-addrblur v1 (owner 2026-09-29, M5): the check hands the refused street box the cursor back, and
	   that focus drew the theme's green outline around the red one and opened Google's suggestion list over
	   the red line. While the box is refused it shows neither; the first keystroke clears the red (this
	   snippet's input listener) and both come back. */
	form input.bizco-dh-invalid:focus{outline:none !important}
	body:has(input.bizco-dh-invalid:focus) .pac-container{display:none !important}
	.bizco-select__trigger.bizco-dh-invalid,
	.bizco-dh select.bizco-dh-invalid{
		border-color:#B3261E !important;box-shadow:inset 0 0 0 1px #B3261E !important}
	.bizco-dh-spin{display:inline-block;width:16px;height:16px;margin-right:9px;border-radius:50%;
		border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:bizco-dh-rot .7s linear infinite;vertical-align:-3px}
	@keyframes bizco-dh-rot{to{transform:rotate(360deg)}}
	@media (prefers-reduced-motion:reduce){.bizco-dh-spin{animation-duration:2.4s}}
	.bizco-dh-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;
		margin-top:14px;padding:5px 20px;background:#0F9558;color:#fff;border:0;border-radius:8px;
		font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:1.4;cursor:pointer;
		transition:background .15s ease;box-shadow:none}
	.bizco-dh-go:hover{background:#0F5230}
	.bizco-dh-go[disabled]{opacity:.6;cursor:default}
	.bizco-dh--compact .bizco-dh-day{height:34px;font-size:11px}
	.bizco-dh--compact .bizco-dh-lab{font-size:13px}
	.bizco-dh--compact .bizco-dh-echo{margin-bottom:14px}
	.bizco-dh-live{margin:0}

	/* the post-subscribe modal: same values as .bizco-mxadd-modal, own
	   namespace so it never depends on that sheet being on the page */
	.bizco-dh-overlay{position:fixed;inset:0;z-index:100030;background:rgba(13,20,16,.5);
		display:flex;align-items:center;justify-content:center;padding:20px}
	.bizco-dh-overlay[hidden]{display:none}
	/* bizco-ui-tintedge v1: css (owner 2026-09-29, iPhone: the tint stopped under the Safari top strip). Safari 26
	   takes the colour of that strip from the fixed box 4px under the top edge; a full-screen backdrop is skipped (the
	   old colour stays), a full-width short box is read. This empty 12px box paints nothing (its colour sits in a
	   0px content box) and hands Safari the backdrop tint pre-blended over the #FAFBFC page. Touch screens only. */
	@media (hover:none),(pointer:coarse){.bizco-dh-overlay>.bizco-tintedge{display:block;position:fixed;top:0;left:0;right:0;height:0;margin:0;padding:12px 0 0;border:0;background-color:#848886;background-clip:content-box;pointer-events:none;z-index:2147483000}}
	.bizco-dh-modal{position:relative;width:min(480px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;
		background:#fff;border-radius:14px;padding:26px 28px 24px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
	/* bizco-test-modal1 v1: window (owner 2026-09-16, TEST-MODAL-1): dvh after vh keeps the card inside what iPhone Safari leaves
	   on screen (its vh counts the strip under Safari's toolbar, so a tall card lost its top edge and its X under the bar); and no
	   scroll bar on a touch screen, the card still scrolls. */
	@media (hover:none),(pointer:coarse){.bizco-dh-modal{scrollbar-width:none}.bizco-dh-modal::-webkit-scrollbar{display:none}}
	.bizco-dh-modal h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#16211B;line-height:1.35;padding-right:26px}
	.bizco-dh-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:26px;
		line-height:1;color:#6B7280;cursor:pointer;padding:6px}
	.bizco-dh-sublabel{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;
		text-transform:uppercase;color:#6B7280}
	.bizco-dh-dest{margin:0 0 16px;font-size:14.5px;line-height:1.5;color:#161A1C;display:flex;
		flex-direction:column;gap:1px}
	.bizco-dh-destbiz{font-weight:700;color:#0C7A47}
	.bizco-dh-stack{display:flex;flex-direction:column;gap:18px;margin-bottom:4px}
	.bizco-dh-stack .bizco-dh-one{border-top:1px solid #EEF2EF;padding-top:16px}
	.bizco-dh-stack .bizco-dh-one:first-child{border-top:0;padding-top:0}
	.bizco-dh-onehd{margin:0 0 12px;font-size:14px;font-weight:600;color:#16211B}
	.bizco-dh-onehd span{display:block;font-weight:400;font-size:12.5px;color:#3F4A46}

	/* .bizco-acct-locrow is a wrapping flex row, so a full basis is what
	   drops this onto its own line under the address instead of squeezing
	   it in beside Remove. */
	.bizco-acct-locrow > [data-dh-host]{flex:1 1 100%;min-width:0}
	/* the deep-linked business card needs the same clearance the sections
	   already give themselves, or the sticky header eats the heading */
	.bizco-acct-bizhead{scroll-margin-top:96px}
	@media (max-width:781.98px){.bizco-acct-bizhead{scroll-margin-top:24px}}
	.bizco-acct-loczone--bad{color:#B3261E !important;font-weight:600}
	.bizco-acct-adddh{margin:6px 0 2px}
	.bizco-acct-adddh .bizco-dh-lab{font-size:13px}
	.bizco-acct-adddh .bizco-dh .bizco-dh-echo{margin-bottom:12px}
	.bizco-acct-adddh + .bizco-cta-green{margin-top:14px}

	/* account settings: the second line on a location row */
	.bizco-dh-acct{margin:4px 0 0;font-size:12.5px;color:#3F4A46;display:flex;align-items:center;
		gap:8px;flex-wrap:wrap}
	.bizco-dh-acct a{color:#0C7A47;text-decoration:none;font-weight:600}
	.bizco-dh-acct a:hover{text-decoration:underline}
	.bizco-dh-acct .bizco-dh-adot{width:8px;height:8px;border-radius:50%;background:#E0A82E;flex:none}
	.bizco-dh-acct--need a{color:#8A6210;text-decoration:underline;text-underline-offset:2px}
	.bizco-dh-panel{margin:12px 0 4px;border:1px solid #0F5230;border-radius:10px;padding:15px 14px;background:#FAFCFB}
	.bizco-dh-panel[hidden]{display:none}

	/* cart */
	.bizco-dh-cartwarn{font-size:12.5px;color:#8A6210;background:#FDF6E7;border-radius:8px;
		padding:9px 11px;margin:10px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
	.bizco-dh-cartwarn a{color:#0C7A47;font-weight:600;text-decoration:none;white-space:nowrap}
	.bizco-dh-cartwarn a:hover{text-decoration:underline}

	/* the added-modal borrows snippet 126's chrome wholesale; only the two
	   things that component has no opinion about are set here. */
	.bizco-dh-added .bizco-auth-overlay,.bizco-dh-added{z-index:1000001}
	/* The split panel stretches its columns to match the green rail; without
	   a rail there is nothing to match, so the card hugs its copy instead of
	   sitting in a pool of white. */
	.bizco-dh-added .bizco-auth-panel:not(.bizco-auth-split){min-height:0}
	.bizco-dh-added .bizco-auth-panel:not(.bizco-auth-split) .bizco-auth-main{
		min-height:0;padding:30px 32px 27px;justify-content:flex-start}
	/* bizco-test-loc01a1n3 v1: cta-air (fix group TEST-LOC-01-A1-N3, test case LOC-01-A1-N3, owner report
	   2026-09-21: the button "should be centered vertically in the whitespace below the text, not glued to
	   the top of it"). The margin-bottom:0 this replaces was written for the two cards whose COPY IS THE
	   LAST THING ON THEM - an address we could not find, a zone we cannot answer for yet - where zeroing it
	   is what makes the card hug its copy. The two cards that DO carry a button, a membership on hold and a
	   membership that is ending, were caught by it too, so the button sat flush against the last line of the
	   paragraph with the card's whole bottom inset left empty under it (measured live: 0px above, 54px below
	   on a computer, 0px and 50px on a phone).
	   That inset was being built TWICE - the shell's padding-bottom plus the panel's - so the shell gives its
	   half to the panel above, and the copy hands the button the same air above it that the card leaves below:
	   27px and 27px, and 25px and 25px below 480px where the shell's own padding is smaller. The card is the
	   exact height it was at every width, and a card whose copy is
	   last does not move either, because the margin it gains above is the padding the panel gave up below
	   (27 + 27 = 30 + 24, and 25 + 25 = 30 + 20).
	   The rail card is not reached: [data-view="register"] already sets padding:0 on the shell, and every
	   rule here is scoped :not(.bizco-auth-split). */
	.bizco-dh-added .bizco-auth-modal{padding-bottom:0}
	.bizco-dh-added .bizco-auth-panel:not(.bizco-auth-split) .bizco-auth-lede{margin-bottom:27px}
	@media (max-width:480px){
		.bizco-dh-added .bizco-auth-panel:not(.bizco-auth-split) .bizco-auth-main{
			min-height:0;padding:30px 32px 25px;justify-content:flex-start}
		.bizco-dh-added .bizco-auth-panel:not(.bizco-auth-split) .bizco-auth-lede{margin-bottom:25px}}
	.bizco-dh-addcta{margin:6px 0 2px}
	.bizco-dh-addcta .bizco-ft-subscribe{margin:0}
	/* .bizco-ft-locadd is a text button where it normally lives (a row in a
	   list). Here it is the only action on the card, so it takes the primary
	   button's weight - same green, same radius, same height as every other
	   CTA on the site. */
	.bizco-dh-addcta .bizco-ft-locadd,
	.bizco-dh-addcta .bizco-cta-green{display:flex !important;align-items:center;justify-content:center;
		width:100%;min-height:46px;margin:0;padding:8px 20px;background:#0F9558 !important;color:#fff !important;
		border:0;border-radius:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;
		line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s ease}
	.bizco-dh-addcta .bizco-ft-locadd:hover,
	.bizco-dh-addcta .bizco-cta-green:hover{background:#0F5230 !important;color:#fff !important}

	/* onboarding step 1 */
	.bizco-dh-applies{margin:2px 0 6px;padding-top:16px;border-top:1px solid #EEF2EF;
		font-size:12.5px;color:#3F4A46}
	.bizco-dh-locs{display:flex;flex-direction:column}
	.bizco-dh-bizhd{margin:0;padding:16px 0 7px;font-size:11px;font-weight:600;letter-spacing:.11em;
		text-transform:uppercase;color:#3F4A46}
	.bizco-dh-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
		padding:11px 0;border-bottom:1px solid #EEF2EF}
	.bizco-dh-row:last-child{border-bottom:0}
	.bizco-dh-rnm{margin:0;font-size:14.5px;font-weight:500;color:#16211B;line-height:1.35}
	.bizco-dh-rad{margin:1px 0 0;font-size:12px;color:#3F4A46}
	.bizco-dh-rval{margin:5px 0 0;font-size:12.5px;color:#3F4A46}
	.bizco-dh-change{background:none;border:0;padding:0;font-family:Outfit,sans-serif;font-size:13.5px;
		font-weight:600;color:#0C7A47;cursor:pointer;white-space:nowrap}
	.bizco-dh-change:hover{text-decoration:underline}
	@media (max-width:400px){.bizco-dh-day{font-size:11px}}
	/* bizco-ui-formwide v1 (owner 2026-09-25): a day name never breaks inside itself ("We / d"), and on the narrowest
	   phones the gap gives each button a pixel back. Needed once a long dropdown choice stopped widening the form. */
	.bizco-dh-day{white-space:nowrap}
	@media (max-width:340px){.bizco-dh-days{gap:3px}}