.woocommerce-MyAccount-navigation-link--hafbox-dogs > a::before,
.woocommerce-MyAccount-navigation-link--hafbox-dogs a::before,
.woodmart-my-account-links .woocommerce-MyAccount-navigation-link--hafbox-dogs a::before,
.wd-my-account-links .woocommerce-MyAccount-navigation-link--hafbox-dogs a::before {
	content: "" !important;
	display: inline-block !important;
	width: 1.1em !important;
	height: 1.1em !important;
	margin-inline-end: .55em !important;
	vertical-align: -.15em !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 1em !important;
	line-height: 1 !important;
	background: currentColor !important;
	background-image: none !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: static !important;
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='6.2' cy='7.2' rx='2.3' ry='3.1' fill='black'/%3E%3Cellipse cx='11.1' cy='4.8' rx='2.3' ry='3.1' fill='black'/%3E%3Cellipse cx='17.8' cy='7.2' rx='2.3' ry='3.1' fill='black'/%3E%3Cellipse cx='12.9' cy='4.8' rx='2.3' ry='3.1' fill='black'/%3E%3Cpath d='M12 9.1c-3.3 0-6.7 3.1-6.7 6.6 0 2.5 1.8 3.8 4 3.8 1 0 1.8-.4 2.7-.4s1.7.4 2.7.4c2.2 0 4-1.3 4-3.8 0-3.5-3.4-6.6-6.7-6.6Z' fill='black'/%3E%3C/svg%3E") !important;
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='6.2' cy='7.2' rx='2.3' ry='3.1' fill='black'/%3E%3Cellipse cx='11.1' cy='4.8' rx='2.3' ry='3.1' fill='black'/%3E%3Cellipse cx='17.8' cy='7.2' rx='2.3' ry='3.1' fill='black'/%3E%3Cellipse cx='12.9' cy='4.8' rx='2.3' ry='3.1' fill='black'/%3E%3Cpath d='M12 9.1c-3.3 0-6.7 3.1-6.7 6.6 0 2.5 1.8 3.8 4 3.8 1 0 1.8-.4 2.7-.4s1.7.4 2.7.4c2.2 0 4-1.3 4-3.8 0-3.5-3.4-6.6-6.7-6.6Z' fill='black'/%3E%3C/svg%3E") !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.2 4.1c-1.3 0-2.3 1.4-2.3 3.1s1 3.1 2.3 3.1 2.3-1.4 2.3-3.1-1-3.1-2.3-3.1Zm5-2.4c-1.3 0-2.3 1.4-2.3 3.1s1 3.1 2.3 3.1 2.3-1.4 2.3-3.1-1-3.1-2.3-3.1Zm6.6 2.4c-1.3 0-2.3 1.4-2.3 3.1s1 3.1 2.3 3.1 2.3-1.4 2.3-3.1-1-3.1-2.3-3.1ZM12 9.1c-3.3 0-6.7 3.1-6.7 6.6 0 2.5 1.8 3.8 4 3.8 1 0 1.8-.4 2.7-.4s1.7.4 2.7.4c2.2 0 4-1.3 4-3.8 0-3.5-3.4-6.6-6.7-6.6Z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.2 4.1c-1.3 0-2.3 1.4-2.3 3.1s1 3.1 2.3 3.1 2.3-1.4 2.3-3.1-1-3.1-2.3-3.1Zm5-2.4c-1.3 0-2.3 1.4-2.3 3.1s1 3.1 2.3 3.1 2.3-1.4 2.3-3.1-1-3.1-2.3-3.1Zm6.6 2.4c-1.3 0-2.3 1.4-2.3 3.1s1 3.1 2.3 3.1 2.3-1.4 2.3-3.1-1-3.1-2.3-3.1ZM12 9.1c-3.3 0-6.7 3.1-6.7 6.6 0 2.5 1.8 3.8 4 3.8 1 0 1.8-.4 2.7-.4s1.7.4 2.7.4c2.2 0 4-1.3 4-3.8 0-3.5-3.4-6.6-6.7-6.6Z'/%3E%3C/svg%3E") !important;
	-webkit-mask-size: contain !important; mask-size: contain !important;
	-webkit-mask-position: center !important; mask-position: center !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
}
.hbps-recommendation-result { max-width: 760px; margin: 1rem auto; padding: clamp(1rem, 4vw, 2rem); border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 16px; }
.hbps-recommendation-products__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 1rem; }
.hbps-recommendation-product { padding: 1rem; border: 1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius: 12px; }
.hbps-recommendation-product img { display: block; width: 100%; height: auto; }
.hbps-account-dogs__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 1rem; margin: 1.25rem 0; }
.hbps-account-dog-card { padding: 1.25rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 14px; background: #fff; color: inherit; }
.hbps-account-dog-card__photo, .hbps-dog-card__photo, .hbps-questionnaire__success-photo { display: flex; margin: 0 0 .8rem; }
.hbps-account-dog-card__photo .hbps-dog-avatar, .hbps-dog-card__photo .hbps-dog-avatar, .hbps-questionnaire__success-photo .hbps-dog-avatar { width: 76px; height: 76px; max-width: 100%; flex: 0 0 auto; object-fit: cover; border-radius: 50%; background: #f7f3ef; }
.hbps-account-dog-card h3 { margin-top: 0; }
.hbps-account-dog-card dl { display: grid; gap: .65rem; margin: 0; }
.hbps-account-dog-card dl > div { display: grid; grid-template-columns: minmax(7rem, .8fr) 1fr; gap: .75rem; }
.hbps-account-dog-card dt { font-weight: 600; }
.hbps-account-dog-card dd { margin: 0; overflow-wrap: anywhere; }
.hbps-account-notice, .hbps-account-warning { margin: 1rem 0; padding: .75rem; border-left: 4px solid #b45309; background: #fff7ed; color: #7c2d12; }
.hbps-account-warning { border-left-color: #b91c1c; background: #fef2f2; color: #7f1d1d; font-weight: 600; }
.hbps-customer-profile-form { display: grid; gap: 1.25rem; }
.hbps-customer-profile-form > fieldset { min-width: 0; padding: 1.25rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 14px; }
.hbps-customer-profile-form > fieldset > legend { padding: 0 .4rem; font-size: 1.15rem; font-weight: 700; }
.hbps-customer-profile-photo { display: flex; margin: 0 0 .8rem; }
.hbps-customer-profile-photo .hbps-dog-avatar { width: 76px; height: 76px; max-width: 100%; flex: 0 0 auto; object-fit: cover; border-radius: 50%; background: #f7f3ef; }
.hbps-customer-profile-form .hbps-field { display: grid; gap: .4rem; margin: .8rem 0; }
.hbps-customer-profile-form input:not([type="radio"]):not([type="checkbox"]), .hbps-customer-profile-form select, .hbps-customer-profile-form textarea { width: 100%; max-width: 100%; }
.hbps-customer-profile-form .hbps-choice-grid, .hbps-customer-profile-form .hbps-check-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: .55rem; }
.hbps-customer-profile-form .hbps-choice, .hbps-customer-profile-form .hbps-check-grid label { display: flex; gap: .5rem; align-items: flex-start; padding: .65rem; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; }
.hbps-customer-profile-form__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
@media (max-width: 480px) { .hbps-account-dog-card dl > div { grid-template-columns: 1fr; gap: .15rem; } }
.hbps-my-hafbox { max-width: 920px; overflow-wrap: anywhere; }
.hbps-subscription-cards, .hbps-hafbox-history { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; }
.hbps-account-card { min-width: 0; padding: 1rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 12px; background: #fff; }
.hbps-account-card h4 { margin-top: 0; }
.hbps-fulfillment-timeline { display: grid; gap: .4rem; margin: 1rem 0; padding: 0; list-style: none; }
.hbps-fulfillment-timeline li { padding: .55rem .75rem; border-left: 4px solid #cbd5e1; background: #f8fafc; }
.hbps-fulfillment-timeline li.is-complete { border-left-color: #15803d; }
.hbps-fulfillment-timeline li[aria-current="step"] { font-weight: 700; outline: 2px solid currentColor; outline-offset: 2px; }
.hbps-test-badge { display: inline-block; padding: .25rem .5rem; border: 1px solid #b45309; border-radius: 999px; color: #92400e; font-weight: 700; }
.hbps-next-box__fallback { min-width: 0; overflow-wrap: anywhere; }
.hbps-next-box__fallback-status { margin: .85rem 0 .45rem; padding: .7rem .8rem; border-left: 4px solid #b45309; background: #fff7ed; color: #7c2d12; }
@media (max-width: 390px) { .hbps-my-hafbox, .hbps-account-card { max-width: 100%; } .hbps-account-card { padding: .8rem; } .hbps-subscription-cards, .hbps-hafbox-history { grid-template-columns: 1fr; } }
@media (max-width: 390px) { .hbps-next-box__fallback { max-width: 100%; padding: .8rem; } .hbps-next-box__fallback-status { overflow-wrap: anywhere; } }
.hafbox-app .hbps-recommendation-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px auto;
}
.hafbox-app .hbps-recommendation-actions form { margin: 0; }
.hafbox-app .hbps-recommendation-actions .button,
.hafbox-app .hbps-recommendation-product__replace .button {
	min-height: 44px;
	padding: 10px 20px;
}
.hafbox-app .hbps-recommendation-actions .button.alt {
	background: var(--hafbox-primary, #153a63);
	border-color: var(--hafbox-primary, #153a63);
	color: #fff;
}
.hafbox-app .hbps-recommendation-product__replace .button {
	background: #f4f7fa;
	border-color: #b9c5d1;
	color: #17324d;
}