.tea-sets {
	position: relative;
	z-index: var(--z-content);
	background: rgba(255, 255, 255, 0.34);
}
.tea-sets__head { margin-bottom: clamp(24px, 4vw, 42px); }
.tea-sets__head h2,
.tea-set h2 {
	margin: 8px 0 0;
	font-family: var(--font-display);
	font-size: clamp(32px, 5vw, 54px);
	color: var(--ink);
}
.tea-sets__grid { display: grid; gap: 22px; }
.tea-set-card > a {
	display: grid;
	height: 100%;
	border: 1px solid rgba(20, 16, 11, 0.14);
	background: rgba(255, 255, 255, 0.5);
	transition: transform 0.3s var(--ease-out), border-color 0.3s;
}
.tea-set-card > a:hover { transform: translateY(-5px); border-color: var(--gold); color: inherit; }
.tea-set-card__image {
	display: grid;
	min-height: 250px;
	place-items: center;
	background: radial-gradient(circle, rgba(217, 168, 67, 0.14), transparent 65%);
}
.tea-set-card__image img { max-height: 230px; width: auto; }
.tea-set-card__placeholder,
.tea-set__placeholder {
	display: grid;
	width: 120px;
	height: 150px;
	place-items: center;
	border: 1px solid rgba(168, 126, 48, 0.3);
	font-family: var(--font-display);
	font-size: 52px;
	color: var(--gold-deep);
}
.tea-set-card__body { display: flex; flex-direction: column; padding: 22px; border-top: 1px solid rgba(20, 16, 11, 0.1); }
.tea-set-card__meta { font-size: var(--fs-micro); letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-deep); }
.tea-set-card__name { margin-top: 9px; font-family: var(--font-display); font-size: 28px; color: var(--ink); }
.tea-set-card__subtitle { margin-top: 7px; color: var(--ink-soft); }
.tea-set-card__cta { display: flex; justify-content: space-between; margin-top: 22px; font-size: var(--fs-micro); letter-spacing: 0.15em; text-transform: uppercase; }
.tea-set__intro-grid { display: grid; gap: clamp(28px, 6vw, 72px); align-items: center; }
.tea-set__packshot { display: grid; min-height: 320px; place-items: center; background: radial-gradient(circle, rgba(217, 168, 67, 0.14), transparent 66%); }
.tea-set__packshot img { max-height: 420px; width: auto; }
.tea-set__copy p { max-width: 650px; margin: 18px 0 0; line-height: 1.4; }
.tea-set__members { display: grid; gap: 14px; margin-top: 28px; }
.tea-set-member { display: grid; grid-template-columns: 110px 1fr; gap: 20px; align-items: center; padding: 18px; border: 1px solid rgba(20, 16, 11, 0.14); background: rgba(255, 255, 255, 0.42); }
.tea-set-member.is-placeholder { border-style: dashed; }
.tea-set-member__image { display: grid; height: 110px; place-items: center; color: var(--gold-deep); font-family: var(--font-display); font-size: 36px; }
.tea-set-member__image img { max-height: 108px; width: auto; }
.tea-set-member h3 { margin: 0; font-family: var(--font-display); font-size: 25px; }
.tea-set-member p { margin: 5px 0; color: var(--ink-mute); }
.tea-set-member__quantity { font-size: var(--fs-meta); color: var(--gold-deep); }
.tea-set__ingredients { background: rgba(255, 255, 255, 0.3); }
.tea-set__ingredient-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 28px; }
.tea-set__ingredient-grid a { text-align: center; color: var(--ink); }
.tea-set__ingredient-grid .seal { width: 72px; margin-inline: auto; }
.tea-set__ingredient-grid a > span:last-child { display: block; margin-top: 8px; }
.tea-set__store-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
@media (min-width: 700px) {
	.tea-sets__grid { grid-template-columns: repeat(2, 1fr); }
	.tea-set__ingredient-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 900px) {
	.tea-set__intro-grid { grid-template-columns: minmax(320px, 0.8fr) 1fr; }
	.tea-set__members { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
	.tea-sets__grid { grid-template-columns: repeat(3, 1fr); }
}