/* GDCA 加購卡片 — 中性樣式,貼近佈景主題,可自行覆寫 */
.gdca-addons { margin: 1.25em 0; }

.gdca-group { margin-bottom: 1.5em; }

.gdca-group__title {
	font-size: 1.05em;
	font-weight: 700;
	margin: 0 0 .6em;
}

.gdca-group__desc {
	font-size: .92em;
	color: #555;
	margin-bottom: .8em;
}

.gdca-option {
	display: flex;
	align-items: center;
	gap: 14px;
	border: 1px solid #d9d9d9;
	border-radius: 12px;
	background: #fff;
	padding: 14px;
	margin-bottom: 12px;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.gdca-option:hover { border-color: #999; }

/* 隱藏原生 input,以卡片邊框呈現選取狀態 */
.gdca-option__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.gdca-option:has(.gdca-option__input:checked) {
	border-color: #111;
	box-shadow: 0 0 0 1px #111 inset;
}
/* 不支援 :has 的舊瀏覽器由 JS 加 class */
.gdca-option.is-checked {
	border-color: #111;
	box-shadow: 0 0 0 1px #111 inset;
}

.gdca-option__media {
	position: relative;
	flex: 0 0 96px;
}
.gdca-option__img {
	width: 96px;
	height: 96px;
	object-fit: contain;
	display: block;
}
.gdca-option__img--empty {
	background: #f5f5f5;
	border-radius: 8px;
}

.gdca-option__badge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #a8c8e8;
	color: #fff;
	font-size: .8em;
	font-weight: 700;
	padding: .9em .6em;
	border-radius: 50%;
	white-space: nowrap;
}

.gdca-option__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.gdca-option__name {
	font-weight: 500;
	line-height: 1.35;
}
.gdca-option__price del {
	color: #999;
	margin-right: .4em;
}
.gdca-option__price ins {
	text-decoration: none;
	font-weight: 700;
}

.gdca-option.is-soldout {
	cursor: not-allowed;
	opacity: .55;
}
.gdca-option.is-soldout .gdca-option__name { color: #999; }

.gdca-cart-price { white-space: nowrap; }

/* 幣別切換器 */
.gdca-switcher {
	display: inline-flex;
	border: 1px solid #d9d9d9;
	border-radius: 999px;
	overflow: hidden;
	font-size: .9em;
}
.gdca-switcher__item {
	padding: .35em .9em;
	text-decoration: none;
	color: #333;
}
.gdca-switcher__item.is-active {
	background: #111;
	color: #fff;
}