/** Phase 2 product-selection and Add to Cart UI. */
.abayastore-add-to-cart.is-loading {
	cursor: wait;
	opacity: 0.65;
	pointer-events: none;
}

.abayastore-cart-live-region {
	background: #1d1d1f;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgb(0 0 0 / 24%);
	color: #fff;
	inset-block-end: 24px;
	inset-inline: 50% auto;
	max-inline-size: min(90vw, 480px);
	padding: 12px 16px;
	position: fixed;
	transform: translateX(-50%);
	z-index: 100000;
}

.abayastore-cart-live-region:empty {
	display: none;
}

.abayastore-variation-dialog {
	background: #fff;
	border: 0;
	border-radius: 20px;
	box-shadow: 0 24px 80px rgb(0 0 0 / 22%);
	color: #1d1d1f;
	inline-size: min(92vw, 440px);
	max-block-size: 86vh;
	padding: 0;
}

.abayastore-variation-dialog::backdrop {
	background: rgb(0 0 0 / 44%);
	backdrop-filter: blur(8px);
}

.abayastore-variation-dialog__form {
	display: grid;
	gap: 18px;
	padding: 24px;
}

.abayastore-variation-dialog__form h2 {
	font-size: 1.25rem;
	margin: 0;
}

.abayastore-field {
	display: grid;
	gap: 8px;
}

.abayastore-field label {
	font-weight: 600;
}

.abayastore-field select {
	background: #f5f5f7;
	border: 1px solid #d2d2d7;
	border-radius: 12px;
	color: inherit;
	font: inherit;
	min-block-size: 44px;
	padding-inline: 12px;
}

.abayastore-field select:focus-visible,
.abayastore-variation-dialog button:focus-visible,
.abayastore-add-to-cart:focus-visible {
	outline: 3px solid #0071e3;
	outline-offset: 2px;
}

.abayastore-status {
	color: #b42318;
	margin: 0;
	min-block-size: 1.4em;
}

.abayastore-variation-dialog__actions {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 480px) {
	.abayastore-variation-dialog {
		border-end-end-radius: 0;
		border-end-start-radius: 0;
		inline-size: 100%;
		margin-block-end: 0;
		max-block-size: 90vh;
	}
}

@media (prefers-reduced-motion: reduce) {
	.abayastore-variation-dialog,
	.abayastore-add-to-cart {
		scroll-behavior: auto;
		transition: none;
	}
}

/** Phase 3 product custom-size sheet. */
.abayastore-custom-size-entry {
	align-items: center;
	background: #f5f5f7;
	border: 1px solid #e5e5e7;
	border-radius: 16px;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-block: 18px;
	padding: 16px;
}

.abayastore-custom-size-entry p {
	color: #6e6e73;
	font-size: 0.875rem;
	margin: 4px 0 0;
}

.abayastore-customizer {
	background: #f8f7f5;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #1d1d1f;
	block-size: 100dvh;
	inline-size: 100vw;
	inset: 0;
	margin: 0;
	max-block-size: none;
	max-inline-size: none;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	transform: translateX(4%) scale(0.995);
	transition: opacity 0.28s ease, transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
}

.abayastore-customizer.is-open {
	opacity: 1;
	transform: translateX(0) scale(1);
}

.abayastore-customizer.is-closing {
	pointer-events: none;
}

.abayastore-customizer::backdrop {
	background: rgb(0 0 0 / 30%);
	backdrop-filter: blur(14px) saturate(120%);
}

.abayastore-customizer__shell {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto auto;
	block-size: 100dvh;
	max-block-size: none;
}

.abayastore-customizer__header {
	align-items: center;
	backdrop-filter: blur(24px) saturate(160%);
	background: rgb(248 247 245 / 90%);
	border-block-end: 1px solid #deddd9;
	display: flex;
	justify-content: center;
	min-block-size: 76px;
	padding: 12px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));
	position: relative;
	z-index: 3;
	grid-row: 1;
}

.abayastore-customizer__header h2 {
	font-size: 1.05rem;
	letter-spacing: -0.015em;
	margin: 0;
}

.abayastore-customizer__identity {
	display: grid;
	gap: 2px;
	max-inline-size: min(52vw, 520px);
	text-align: center;
}

.abayastore-customizer__identity small {
	color: #a65b00;
	font-size: 0.62rem;
	font-weight: 750;
	letter-spacing: 0.13em;
}

.abayastore-customizer__back {
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #874f29 !important;
	cursor: pointer;
	font: inherit;
	font-weight: 650;
	inset-inline-start: max(20px, env(safe-area-inset-left));
	padding: 10px 0;
	position: absolute;
	text-decoration: none !important;
}

.abayastore-customizer__back:hover,
.abayastore-customizer__back:focus,
.abayastore-customizer__back:active {
	background: transparent !important;
	box-shadow: none !important;
	color: #3c2313 !important;
}

.abayastore-customizer__close {
	align-items: center;
	background: #f1f1f3;
	border: 0;
	border-radius: 50%;
	color: #1d1d1f;
	cursor: pointer;
	display: inline-flex;
	font-size: 1.5rem;
	block-size: 36px;
	inline-size: 36px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	inset-inline-end: max(20px, env(safe-area-inset-right));
}

.abayastore-customizer__content {
	grid-row: 2;
	overflow: auto;
	overscroll-behavior: contain;
	padding: clamp(30px, 6vh, 64px) max(20px, env(safe-area-inset-right)) 36px max(20px, env(safe-area-inset-left));
	scrollbar-gutter: stable;
	transition: opacity 0.22s ease, transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
}

.abayastore-customizer__stage {
	box-sizing: border-box;
	inline-size: min(100%, 820px);
	margin-inline: auto;
}

.abayastore-customizer__content:not(.is-step-ready) {
	opacity: 0;
	transform: translateY(10px);
}

.abayastore-customizer__content.is-step-ready {
	opacity: 1;
	transform: translateY(0);
}

.abayastore-customizer__stage h3 {
	font-size: clamp(1.35rem, 3vw, 1.75rem);
	letter-spacing: -0.02em;
	margin: 8px 0;
	text-align: center;
}

.abayastore-customizer__stage > p:not(.abayastore-customizer__eyebrow, .abayastore-customizer__progress) {
	color: #6e6e73;
	margin: 0 auto 20px;
	max-inline-size: 42ch;
	text-align: center;
}

.abayastore-customizer__eyebrow,
.abayastore-customizer__progress {
	color: #a65b00;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0;
	text-align: center;
}

.abayastore-customizer__status {
	backdrop-filter: blur(20px);
	background: rgb(248 247 245 / 92%);
	border-block-start: 1px solid transparent;
	color: #b42318;
	margin: 0;
	min-block-size: 1.5em;
	padding: 7px 24px max(10px, env(safe-area-inset-bottom));
	text-align: center;
	z-index: 4;
	grid-row: 4;
}

.abayastore-customizer__actions,
.abayastore-profile-actions {
	backdrop-filter: blur(20px) saturate(150%);
	background: rgb(248 247 245 / 94%);
	border: 1px solid #deddd9;
	border-radius: 22px;
	bottom: 18px;
	box-shadow: 0 16px 40px rgb(0 0 0 / 10%);
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	margin-block-start: 24px;
	padding: 10px;
	position: sticky;
	z-index: 2;
	inline-size: 100%;
}

.abayastore-customizer .button {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	justify-content: center;
	min-block-size: 48px;
}

.abayastore-customizer .button.alt {
	background: #3c2313 !important;
	border-color: #3c2313 !important;
	color: #fff !important;
}

.abayastore-customizer .button.alt:hover,
.abayastore-customizer .button.alt:focus-visible {
	background: #874f29 !important;
	border-color: #874f29 !important;
}

.abayastore-button-secondary {
	background: #fff !important;
	border: 1px solid #1d1d1f !important;
	color: #1d1d1f !important;
}

.abayastore-profile-list {
	display: grid;
	gap: 10px;
	margin-block-start: 20px;
}

.abayastore-fit-choices {
	display: grid;
	gap: 12px;
	margin-block-start: 22px;
}

.abayastore-fit-card {
	appearance: none;
	background: #f7f7f8 !important;
	border: 1px solid #d9d9dd !important;
	border-radius: 18px;
	color: #1d1d1f !important;
	cursor: pointer;
	display: grid;
	font: inherit;
	gap: 5px;
	min-block-size: 116px;
	padding: 18px;
	text-align: start;
}

.abayastore-fit-card:hover,
.abayastore-fit-card:focus-visible {
	background: #fcf9f0 !important;
	border-color: #d89339 !important;
	color: #1d1d1f !important;
}

.abayastore-fit-card strong {
	color: #1d1d1f !important;
	font-size: 1rem;
}

.abayastore-fit-card span {
	color: #6e6e73 !important;
	font-size: 0.84rem;
	line-height: 1.45;
}

.abayastore-fit-card small {
	color: #874f29 !important;
	font-weight: 650;
	margin-block-start: 5px;
}

.abayastore-ready-size-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block-start: 22px;
}

.abayastore-ready-size {
	align-items: center;
	background: #f7f7f8;
	border: 2px solid transparent;
	border-radius: 14px;
	cursor: pointer;
	display: grid;
	gap: 2px;
	justify-items: center;
	min-block-size: 82px;
	padding: 10px;
	transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1), border-color 0.2s ease, box-shadow 0.28s ease;
}

.abayastore-fit-card:hover {
	border-color: #b99163;
	box-shadow: 0 12px 28px rgb(60 35 19 / 9%);
	transform: translateY(-2px);
	position: relative;
}

.abayastore-ready-size:has(input:checked) {
	background: #fcf9f0;
	border-color: #d89339;
}

.abayastore-ready-size input {
	inset: 8px auto auto 8px;
	position: absolute;
}

.abayastore-ready-size strong {
	font-size: 1.05rem;
}

.abayastore-ready-size small {
	color: #6e6e73;
	font-size: 0.7rem;
}

.abayastore-profile-card {
	align-items: center;
	background: #f5f5f7;
	border: 2px solid transparent;
	border-radius: 14px;
	cursor: pointer;
	display: grid;
	gap: 2px 10px;
	grid-template-columns: auto 1fr;
	padding: 14px;
}

.abayastore-profile-card:has(input:checked) {
	background: #fff8ee;
	border-color: #d88316;
}

.abayastore-profile-card input {
	grid-row: 1 / span 2;
}

.abayastore-profile-card small {
	color: #6e6e73;
}

.abayastore-link-button {
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #76501f !important;
	cursor: pointer;
	display: block;
	font: inherit;
	margin: 18px auto 0;
	text-decoration: underline;
}

.abayastore-link-button:hover,
.abayastore-link-button:focus,
.abayastore-link-button:active {
	background: transparent !important;
	box-shadow: none !important;
	color: #3c2313 !important;
}

.abayastore-customizer__product {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e0dc;
	border-radius: 18px;
	box-shadow: 0 12px 32px rgb(60 35 19 / 7%);
	display: grid;
	gap: 18px;
	grid-template-columns: 104px minmax(0, 1fr);
	margin-block-end: 30px;
	padding: 12px;
	text-align: start;
}

.abayastore-customizer__product img {
	background: #f1f1f1;
	block-size: 124px;
	border-radius: 12px;
	display: block;
	inline-size: 104px;
	object-fit: cover;
}

.abayastore-customizer__product-details {
	display: grid;
	gap: 5px;
}

.abayastore-customizer__product-details > strong {
	color: #1d1d1f;
	font-size: 1.05rem;
}

.abayastore-customizer__product-details > small {
	color: #a65b00;
	font-size: 0.65rem;
	font-weight: 750;
	letter-spacing: 0.09em;
	order: -1;
}

.abayastore-customizer__selection {
	display: grid;
	font-size: 0.82rem;
	gap: 3px 12px;
	grid-template-columns: auto 1fr;
	margin: 5px 0 0;
}

.abayastore-customizer__selection dt,
.abayastore-customizer__selection dd {
	margin: 0;
}

.abayastore-customizer__selection dt {
	color: #6e6e73;
}

.abayastore-customizer__selection dd {
	color: #1d1d1f;
	font-weight: 650;
}

.abayastore-measurement-guide {
	background: linear-gradient(90deg, transparent 47%, #d88316 47%, #d88316 53%, transparent 53%);
	block-size: 210px;
	border-radius: 50% 50% 18% 18%;
	inline-size: 116px;
	margin: 18px auto;
	position: relative;
}

.abayastore-measurement-guide::before {
	background: #e9e9eb;
	border-radius: 50% 50% 42% 42%;
	content: "";
	inset: 0;
	position: absolute;
	z-index: -1;
}

.abayastore-measurement-guide::after {
	background: #d88316;
	border-radius: 999px;
	content: "";
	inset-block-start: 42%;
	inset-inline: -12px;
	block-size: 4px;
	position: absolute;
}

.abayastore-measurement-guide[data-measurement="height"]::after,
.abayastore-measurement-guide[data-measurement="dress_length"]::after {
	block-size: auto;
	inset-block: 0;
	inset-inline: auto -12px;
	inline-size: 4px;
}

.abayastore-measurement-guide[data-measurement="shoulder_width"]::after {
	inset-block-start: 22%;
}

.abayastore-measurement-guide[data-measurement="upper_arm"]::after,
.abayastore-measurement-guide[data-measurement="sleeve_length"]::after {
	inset-block-start: 34%;
}

.abayastore-measurement-guide[data-measurement="wrist"]::after {
	inset-block-start: 55%;
}

.abayastore-measurement-guide[data-measurement="hip"]::after {
	inset-block-start: 58%;
}

.abayastore-measurement-field {
	align-items: center;
	background: #f5f5f7;
	border: 1px solid #d2d2d7;
	border-radius: 14px;
	display: flex;
	inline-size: min(100%, 260px);
	margin: 20px auto 0;
	padding-inline-end: 16px;
}

.abayastore-measurement-field select {
	appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #1d1d1f;
	cursor: pointer;
	font-size: 1.4rem;
	inline-size: 100%;
	min-block-size: 52px;
	padding-inline: 16px 8px;
	text-align: center;
	text-align-last: center;
}

.abayastore-measurement-field__chevron {
	color: #874f29;
	font-size: 1.2rem;
	margin-inline-start: 4px;
	pointer-events: none;
}

/* iOS purchase-flow parity: Configurator, Saved Sizes and Summary. */
.abayastore-customizer__stage.is-configurator {
	inline-size: min(100%, 620px);
}

.abayastore-configurator__hero {
	display: grid;
	gap: 8px;
	justify-items: center;
	margin-block-end: 32px;
	text-align: center;
}

.abayastore-configurator__hero img {
	background: #f7efe3;
	block-size: 300px;
	border-radius: 20px;
	inline-size: min(100%, 250px);
	object-fit: contain;
}

.abayastore-configurator__hero h3,
.abayastore-configurator__hero p {
	margin: 0;
}

.abayastore-configurator__hero p {
	color: #6e6e73;
}

.abayastore-configurator__options {
	border: 0;
	margin: 0 0 24px;
	padding: 0;
}

.abayastore-configurator__options legend {
	color: #1d1d1f;
	font-size: 1rem;
	font-weight: 700;
	margin-block-end: 12px;
}

.abayastore-configurator__option-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.abayastore-configurator__option {
	align-items: center;
	appearance: none;
	background: #fff !important;
	border: 1px solid #d2d2d7 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #1d1d1f !important;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	gap: 8px;
	min-block-size: 44px;
	padding: 8px 14px;
}

.abayastore-configurator__option.is-selected {
	background: #fff8ee !important;
	border-color: #a87532 !important;
	box-shadow: 0 0 0 1px #a87532 inset !important;
}

.abayastore-configurator__swatch {
	background: var(--abayastore-swatch);
	block-size: 22px;
	border: 1px solid rgb(0 0 0 / 18%);
	border-radius: 50%;
	inline-size: 22px;
}

.abayastore-customizer__actions.is-stacked,
.abayastore-profile-actions.is-stacked {
	grid-template-columns: 1fr;
}

.abayastore-customizer__shell > .abayastore-customizer__actions,
.abayastore-customizer__shell > .abayastore-profile-actions {
	border-block-end: 0;
	border-inline: 0;
	border-radius: 0;
	bottom: auto;
	box-shadow: 0 -10px 30px rgb(0 0 0 / 8%);
	box-sizing: border-box;
	inline-size: 100%;
	margin: 0;
	padding: 10px max(18px, calc((100% - 820px) / 2));
	position: relative;
	transform: none;
	z-index: 6;
	grid-row: 3;
}

.abayastore-customizer.is-presenting-sheet .abayastore-customizer__header {
	display: none;
}

.abayastore-customizer__stage.is-size-picker {
	background: #f5f5f7;
	border: 1px solid #deddd9;
	border-radius: 26px 26px 0 0;
	inline-size: min(100%, 580px);
	box-sizing: border-box;
	min-block-size: 100%;
	padding: 18px 20px 160px;
}

.abayastore-size-picker__header {
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	margin-block-end: 28px;
}

.abayastore-size-picker__header strong {
	font-size: 1.05rem;
	grid-column: 2;
}

.abayastore-size-picker__cancel {
	appearance: none;
	background: transparent !important;
	border: 1px solid #d6b77f !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #76501f !important;
	cursor: pointer;
	font: inherit;
	justify-self: start;
	padding: 8px 14px;
}

.abayastore-customizer__stage.is-size-picker > h3,
.abayastore-customizer__stage.is-size-picker > p {
	text-align: start;
}

.abayastore-profile-card {
	grid-template-columns: auto minmax(0, 1fr);
	padding: 18px;
}

.abayastore-profile-card__copy {
	display: grid;
	gap: 7px;
}

.abayastore-profile-card__copy > strong {
	align-items: center;
	display: flex;
	gap: 8px;
}

.abayastore-profile-card > input[type="radio"] {
	appearance: none;
	background: transparent;
	block-size: 22px;
	border: 2px solid #8e8e93;
	border-radius: 50%;
	box-shadow: none;
	inline-size: 22px;
	margin: 1px 0 0;
}

.abayastore-profile-card > input[type="radio"]:checked {
	background: #d6aa56;
	border-color: #d6aa56;
	box-shadow: 0 0 0 5px #2c2c2e inset;
}

.abayastore-customizer__stage.is-size-picker > .abayastore-link-button {
	color: #8e8e93 !important;
	text-decoration: none;
}

.abayastore-profile-card__default {
	background: rgb(43 132 72 / 12%);
	border-radius: 999px;
	color: #27733e !important;
	font-weight: 600;
	padding: 3px 8px;
}

.abayastore-customizer__stage.is-summary {
	inline-size: min(100%, 720px);
}

.abayastore-customizer__stage.is-summary .abayastore-customizer__product {
	grid-template-columns: 112px minmax(0, 1fr);
}

.abayastore-customizer__stage.is-summary .abayastore-customizer__product img {
	block-size: 148px;
	inline-size: 112px;
	object-fit: contain;
}

.abayastore-summary-review {
	display: grid;
	gap: 12px;
	margin-block-end: 24px;
}

.abayastore-summary-review__toggle {
	align-items: center;
	appearance: none;
	background: #efeff1 !important;
	border: 0 !important;
	border-radius: 18px !important;
	box-shadow: none !important;
	color: #1d1d1f !important;
	cursor: pointer;
	display: flex;
	font: inherit;
	justify-content: space-between;
	padding: 18px;
	text-align: start;
}

.abayastore-summary-review__toggle > span:first-child,
.abayastore-add-ons__heading > span,
.abayastore-add-on > span:nth-child(2) {
	display: grid;
	gap: 4px;
}

.abayastore-summary-review__toggle small,
.abayastore-add-ons small,
.abayastore-add-on small {
	color: #6e6e73;
}

.abayastore-summary-review__state {
	color: #874f29;
	font-size: 0.78rem;
	font-weight: 650;
}

.abayastore-measurement-summary {
	background: #fff;
	border: 1px solid #e2e0dc;
	border-radius: 18px;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 14px;
}

.abayastore-measurement-summary[hidden],
.abayastore-summary-review__edit[hidden] {
	display: none;
}

.abayastore-measurement-summary__tile {
	background: #f5f5f7;
	border-radius: 12px;
	display: grid;
	gap: 4px;
	padding: 13px;
}

.abayastore-measurement-summary__tile small {
	color: #6e6e73;
}

.abayastore-summary-review__edit {
	inline-size: 100%;
}

.abayastore-add-ons {
	background: #efeff1;
	border-radius: 18px;
	display: grid;
	margin-block-end: 24px;
	padding: 18px;
}

.abayastore-add-ons__heading {
	align-items: start;
	display: flex;
	justify-content: space-between;
	margin-block-end: 10px;
}

.abayastore-add-on {
	align-items: center;
	border-block-start: 1px solid #d9d9dd;
	display: grid;
	gap: 10px;
	grid-template-columns: auto minmax(0, 1fr);
	padding-block: 13px;
}

.abayastore-add-on strong {
	color: #1d1d1f;
	line-height: 1.3;
}

.abayastore-add-on input[type="checkbox"] {
	accent-color: #874f29;
	block-size: 20px;
	inline-size: 20px;
}

.abayastore-add-on-picker__product {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: 112px minmax(0, 1fr);
	margin-block-end: 28px;
}

.abayastore-add-on-picker__product img {
	background: #fff;
	block-size: 140px;
	border-radius: 18px;
	inline-size: 112px;
	object-fit: contain;
}

.abayastore-add-on-picker__product h3 {
	color: #1d1d1f;
	margin: 4px 0;
	text-align: start;
}

.abayastore-ready-summary {
	align-items: center;
	background: #efeff1;
	border-radius: 18px;
	display: flex;
	justify-content: space-between;
	margin-block-end: 24px;
	padding: 18px;
}

.abayastore-ready-summary > span {
	display: grid;
	gap: 4px;
}

.abayastore-ready-summary small {
	color: #a65b00;
	font-size: 0.67rem;
	font-weight: 750;
	letter-spacing: 0.08em;
}

.abayastore-ready-summary strong {
	color: #1d1d1f;
	font-size: 1.35rem;
}

.abayastore-ready-summary > span > span {
	color: #6e6e73;
	font-size: 0.82rem;
}

.abayastore-ready-summary__change {
	appearance: none;
	background: transparent;
	border: 0;
	color: #874f29;
	cursor: pointer;
	font: inherit;
	font-weight: 650;
	padding: 8px;
}

.abayastore-add-on-picker__product small {
	color: #a65b00;
	font-size: 0.67rem;
	font-weight: 750;
	letter-spacing: 0.08em;
}

.abayastore-addon-variation {
	border: 0;
	margin: 0 0 24px;
	padding: 0;
}

.abayastore-addon-variation legend {
	color: #1d1d1f;
	font-weight: 700;
	margin-block-end: 12px;
}

.abayastore-addon-variation__choices {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.abayastore-addon-variation__choice {
	align-items: center;
	background: #fff;
	border: 1px solid #d2d2d7;
	border-radius: 14px;
	display: flex;
	gap: 10px;
	min-block-size: 50px;
	padding: 10px 14px;
}

.abayastore-addon-variation__choice:has(input:checked) {
	background: #fff8ee;
	border-color: #a87532;
	box-shadow: 0 0 0 1px #a87532 inset;
}

.abayastore-addon-variation__choice input {
	accent-color: #874f29;
}

.abayastore-addon-variation__choices.is-dropdown {
	align-items: center;
	background: #fff;
	border: 1px solid #d2d2d7;
	border-radius: 14px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	min-block-size: 54px;
	overflow: hidden;
	position: relative;
}

.abayastore-addon-variation__select {
	appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #1d1d1f;
	cursor: pointer;
	font: inherit;
	font-weight: 650;
	inline-size: 100%;
	min-block-size: 54px;
	padding: 10px 48px 10px 16px;
}

.abayastore-addon-variation__chevron {
	color: #874f29;
	font-size: 1.25rem;
	inset-inline-end: 16px;
	pointer-events: none;
	position: absolute;

.abayastore-save-prompt__name {
	background: #fff;
	border: 1px solid #d2d2d7;
	border-radius: 12px;
	inline-size: 100%;
	min-block-size: 48px;
	padding-inline: 14px;
}

.abayastore-save-prompt__suggestions {
	display: grid;
	gap: 10px;
	margin-block-start: 18px;
}

.abayastore-save-prompt__suggestions > small {
	color: #6e6e73;
	font-weight: 650;
}

.abayastore-save-prompt__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.abayastore-save-prompt__choice {
	appearance: none;
	background: #fff;
	border: 1px solid #d2d2d7;
	border-radius: 999px;
	color: #1d1d1f;
	cursor: pointer;
	font: inherit;
	min-block-size: 42px;
	padding: 8px 16px;
}

.abayastore-save-prompt__choice[aria-pressed="true"] {
	background: #fff8ee;
	border-color: #a87532;
	box-shadow: 0 0 0 1px #a87532 inset;
	color: #76501f;
}

@media (prefers-color-scheme: dark) {
	.abayastore-customizer,
	.abayastore-customizer__content,
	.abayastore-customizer__status {
		background: #1c1c1e;
		color: #f5f5f7;
	}

	.abayastore-customizer__header {
		background: rgb(28 28 30 / 92%);
		border-color: #38383a;
	}

	.abayastore-customizer__header h2,
	.abayastore-customizer__stage h3,
	.abayastore-configurator__hero h3,
	.abayastore-configurator__options legend,
	.abayastore-customizer__product-details > strong {
		color: #f5f5f7;
	}

	.abayastore-customizer__selection dt {
		color: #aeaeb2;
	}

	.abayastore-customizer__selection dd {
		color: #f5f5f7;
	}

	.abayastore-customizer__back,
	.abayastore-customizer__back:hover,
	.abayastore-customizer__back:focus {
		color: #efd18a !important;
	}

	.abayastore-size-picker__cancel {
		border-color: #8b6c37 !important;
		color: #efd18a !important;
	}

	.abayastore-configurator__hero p,
	.abayastore-summary-review__toggle small,
	.abayastore-add-ons small,
	.abayastore-add-on small {
		color: #aeaeb2;
	}

	.abayastore-customizer__stage.is-size-picker,
	.abayastore-summary-review__toggle,
	.abayastore-add-ons {
		background: #242426 !important;
		border-color: #3a3a3c;
	}

	.abayastore-profile-card,
	.abayastore-measurement-summary,
	.abayastore-customizer__product {
		background: #2c2c2e;
		border-color: #48484a;
		color: #f5f5f7;
	}

	.abayastore-profile-card:has(input:checked) {
		background: #2c2c2e;
		border-color: #d6aa56;
	}

	.abayastore-measurement-summary__tile {
		background: #3a3a3c;
		color: #f5f5f7;
	}

	.abayastore-configurator__option,
	.abayastore-save-prompt__name,
	.abayastore-save-prompt__choice {
		background: #2c2c2e !important;
		border-color: #545458 !important;
		color: #f5f5f7 !important;
	}

	.abayastore-save-prompt__choice[aria-pressed="true"] {
		background: #3a3122 !important;
		border-color: #d6aa56 !important;
		color: #efd18a !important;
	}

	.abayastore-configurator__option.is-selected {
		background: #3a3122 !important;
		border-color: #d6aa56 !important;
	}

	.abayastore-summary-review__toggle {
		color: #f5f5f7 !important;
	}

	.abayastore-add-on {
		border-color: #48484a;
	}

	.abayastore-add-on strong,
	.abayastore-add-on-picker__product h3,
	.abayastore-addon-variation legend {
		color: #f5f5f7;
	}

	.abayastore-ready-summary {
		background: #242426;
	}

	.abayastore-ready-summary strong {
		color: #f5f5f7;
	}

	.abayastore-ready-summary > span > span {
		color: #aeaeb2;
	}

	.abayastore-add-on-picker__product img,
	.abayastore-addon-variation__choice,
	.abayastore-addon-variation__choices.is-dropdown,
	.abayastore-measurement-field {
		background: #2c2c2e;
		border-color: #48484a;
		color: #f5f5f7;
	}

	.abayastore-addon-variation__select,
	.abayastore-measurement-field select {
		color: #f5f5f7;
	}

	.abayastore-addon-variation__choice:has(input:checked) {
		background: #3a3122;
		border-color: #d6aa56;
	}

	.abayastore-customizer__actions,
	.abayastore-profile-actions {
		background: rgb(36 36 38 / 94%);
		border-color: #48484a;
	}

	.abayastore-button-secondary {
		background: #2c2c2e !important;
		border-color: #8e8e93 !important;
		color: #f5f5f7 !important;
	}

	.abayastore-customizer .button.alt {
		background: #efd18a !important;
		border-color: #efd18a !important;
		color: #2c1a0e !important;
	}
}

.abayastore-customizer :focus-visible,
.abayastore-customize-trigger:focus-visible {
	outline: 3px solid #d89339;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.abayastore-custom-size-entry {
		align-items: stretch;
		flex-direction: column;
	}

	.abayastore-customizer {
		border-radius: 0;
		inline-size: 100%;
		max-block-size: none;
	}

	.abayastore-customizer__shell {
		max-block-size: none;
	}

	.abayastore-customizer__header {
		min-block-size: 70px;
	}

	.abayastore-customizer__identity {
		max-inline-size: 48vw;
	}

	.abayastore-customizer__back {
		font-size: 0.82rem;
	}

	.abayastore-customizer__content {
		padding: 24px 18px;
		scrollbar-gutter: auto;
		scrollbar-width: none;
	}

	.abayastore-customizer__content::-webkit-scrollbar {
		display: none;
	}

	.abayastore-customizer__product {
		gap: 12px;
		grid-template-columns: 76px minmax(0, 1fr);
		margin-block-end: 22px;
	}

	.abayastore-customizer__product img {
		block-size: 92px;
		inline-size: 76px;
	}

	.abayastore-customizer__actions,
	.abayastore-profile-actions {
		bottom: 10px;
	}

	.abayastore-ready-size-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.abayastore-addon-variation__choices {
		grid-template-columns: 1fr;
	}

	.abayastore-add-on {
		grid-template-columns: auto minmax(0, 1fr);
	}

}