/* Product page: flavor & size buttons (Product groups) */
.xo-go { display: flex; flex-direction: column; gap: 16px; margin: 18px 0 20px; font-family: var(--xo-font-body, inherit); }
.xo-go-row { display: flex; flex-direction: column; gap: 8px; }
.xo-go-label { margin: 0 !important; font-size: .95rem; color: #4b5563; }
.xo-go-label strong { color: #1f2328; }
.xo-go-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.xo-go-chip {
	display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; width: 104px; min-height: 52px; padding: 8px 8px 10px; box-sizing: border-box; text-align: center;
	border: 1.5px solid #d0d5dc; border-radius: 8px; background: #fff; color: #1f2328 !important; text-decoration: none !important; line-height: 1.2;
	transition: border-color .12s, box-shadow .12s;
}
a.xo-go-chip:hover { border-color: #6b7280; }
a.xo-go-chip:focus-visible { outline: 3px solid #4dabf7; outline-offset: 2px; }
.xo-go-chip.is-on { border: 2px solid #1f2328; padding: 7px 7px 9px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.xo-go-img { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; }
.xo-go-img img { width: 100% !important; height: 100% !important; object-fit: contain !important; margin: 0 !important; display: block; }
.xo-go-img.is-none { border-radius: 6px; background: repeating-linear-gradient(45deg, #fff, #fff 4px, #f3f4f6 4px, #f3f4f6 8px); }
.xo-go-text { display: flex; flex-direction: column; gap: 2px; }
.xo-go-chip.is-out .xo-go-img { opacity: .45; }
.xo-go-name { font-weight: 700; font-size: .92rem; }
.xo-go-price { font-size: .85rem; color: #4b5563; }
.xo-go-chip.is-out { color: #6b7280 !important; border-style: dashed; }
.xo-go-note { font-size: .75rem; font-weight: 600; color: #6b7280; }
.xo-go-chip.is-other { background: #f9fafb; }
.xo-go-chip.is-out .xo-go-name { text-decoration: line-through; text-decoration-thickness: 1px; }
@media (max-width: 600px) { .xo-go-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .xo-go-chip { width: auto; min-width: 0; } .xo-go-img { width: 56px; height: 56px; } }

/* On sale: red outline + ribbon across the top */
.xo-go-chip { position: relative; }
.xo-go-chip.is-sale { border-color: #c92a2a; background: #fff5f5; padding-top: 24px; }
.xo-go-chip.is-sale.is-on { border-color: #c92a2a; box-shadow: 0 0 0 1px #c92a2a; padding-top: 23px; }
a.xo-go-chip.is-sale:hover { border-color: #a61e1e; }
.xo-go-ribbon { position: absolute; top: -1px; left: -1px; right: -1px; padding: 3px 4px; border-radius: 7px 7px 0 0; background: #c92a2a; color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; line-height: 1.3; text-align: center; }
.xo-go-chip.is-sale .xo-go-price { color: #b42318; font-weight: 700; }
.xo-go-price del { color: #6b7280; font-weight: 400; margin-right: 2px; }