/* =========================================================================
 * CCW Apparel Showcase — apparel gallery (front/back) + note + button.
 * ===================================================================== */

.ccw-ashow { position: relative; width: 100%; }
.ccw-ashow__inner { position: relative; margin: 0 auto; padding-block: var(--ccw-space-6); }

/* ---- Header ---- */
.ccw-ashow__head { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; margin-bottom: 30px; }
.ccw-ashow__eyebrow {
	font-family: var(--ccw-font-body);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ccw-rose-deep);
}
.ccw-ashow__title { font-family: var(--ccw-font-display); font-size: var(--ccw-fs-h2); line-height: 1.14; color: #2A1E2C; margin: 0; }
.ccw-ashow__heart { display: inline-flex; color: var(--ccw-gold); }
.ccw-ashow__heart svg { width: 1em; height: 1em; fill: currentColor; }
.ccw-ashow__subtitle { font-size: 0.98rem; color: #5A4F58; margin: 2px 0 0; }

/* ---- Garment grid ---- */
.ccw-ashow__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 40px; }
.ccw-ashow__garment { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.ccw-ashow__label {
	font-family: var(--ccw-font-body);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ccw-rose-deep);
}
.ccw-ashow__shots { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; width: 100%; }
.ccw-ashow__shot { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ccw-ashow__shot img { width: 100%; height: 230px; object-fit: contain; }
.ccw-ashow__shot figcaption {
	font-family: var(--ccw-font-body);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #9C8AA0;
}

/* ---- Footer ---- */
.ccw-ashow__foot { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; margin-top: 36px; }
.ccw-ashow__note { font-size: 1rem; line-height: 1.6; color: #4A3F49; max-width: 48ch; margin: 0; }
.ccw-ashow__btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 14px 32px;
	font-family: var(--ccw-font-body);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background: var(--ccw-rose-deep);
	border-radius: 50px;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(192, 57, 122, 0.32);
	transition: transform 0.22s var(--ccw-ease-out), box-shadow 0.22s ease, background 0.22s ease;
}
.ccw-ashow__btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(192, 57, 122, 0.45); }
.ccw-ashow__btn-icon { display: inline-flex; align-items: center; color: var(--ccw-gold-soft); }
.ccw-ashow__btn-icon svg { width: 1em; height: 1em; fill: currentColor; }

/* ---- Responsive ---- */
@media (max-width: 700px) {
	.ccw-ashow__grid { grid-template-columns: 1fr; }
	.ccw-ashow__title { font-size: clamp(1.6rem, 8vw, 2.1rem); }
}

.ccw-ashow__shots--link { text-decoration: none; cursor: pointer; transition: transform 0.25s var(--ccw-ease-out); }
.ccw-ashow__shots--link:hover { transform: translateY(-4px); }