/* Apple & Oat — Build Your Own Brownie Box */

.aao-box-builder { margin-top: 1em; }

.aao-box-preview {
	text-align: center;
	margin-bottom: 1em;
}
.aao-box-preview .aao-preview-img {
	max-width: 320px;
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.aao-box-preview .aao-preview-name {
	font-weight: 600;
	margin: .5em 0 0;
}

.aao-box-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
	background: #faf7f4;
	border-radius: 10px;
	margin-bottom: 1.25em;
	position: sticky;
	top: 0;
	z-index: 5;
}
.aao-box-size { border: 0; margin: 0; padding: 0; }
.aao-box-size legend { font-weight: 600; padding: 0 0 .35em; }
.aao-size-option {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	margin-right: 1em;
	cursor: pointer;
}
.aao-size-price { font-weight: 600; }

.aao-box-summary { text-align: right; }
.aao-box-summary strong { font-size: 1.5em; display: block; }
.aao-box-summary .aao-box-hint { font-size: .85em; color: #777; }

.aao-flavour-heading { margin: 1em 0 .5em; }

.aao-flavour-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: .9em;
}

.aao-flavour {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: .6em;
	text-align: center;
	transition: border-color .15s, box-shadow .15s;
}
.aao-flavour:hover,
.aao-flavour:focus-within {
	border-color: #d8b48c;
	box-shadow: 0 2px 10px rgba(0,0,0,.06);
	outline: none;
}
.aao-flavour-thumb {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 8px;
}
.aao-flavour-info { margin: .45em 0; }
.aao-flavour-name { display: block; font-weight: 600; font-size: .95em; }
.aao-flavour-allergens { display: block; font-size: .75em; color: #999; }

.aao-qty {
	display: inline-flex;
	align-items: center;
	gap: .3em;
}
.aao-qty button {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1.1em;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}
.aao-qty button:disabled { opacity: .35; cursor: not-allowed; }
.aao-qty .aao-fq {
	width: 3ch;
	text-align: center;
	border: 0;
	background: transparent;
	font-weight: 600;
	-moz-appearance: textfield;
}
.aao-qty .aao-fq::-webkit-outer-spin-button,
.aao-qty .aao-fq::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.aao-box-builder .single_add_to_cart_button {
	margin-top: 1.25em;
	width: 100%;
}
.aao-box-builder .single_add_to_cart_button.disabled { opacity: .5; cursor: not-allowed; }