/**
 * Brand Booking — 반응형 규칙 집중 파일 (테마 규약 계승: @media는 여기에만).
 * 1024px: 3컬럼 → 1컬럼 세로 스택 / 767px: 밀도 조정.
 */

@media (max-width: 1024px) {
	.bbk-steps {
		grid-template-columns: 1fr;
	}

	.bbk-step {
		min-height: 0;
	}

	.bbk-slots__grid {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 767px) {
	.bbk-wrap {
		padding: 14px;
		font-size: 14px;
	}

	.bbk-steps {
		gap: 14px;
	}

	.bbk-step__head {
		padding: 14px 16px;
	}

	.bbk-step__body {
		padding: 16px;
	}

	.bbk-slots__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.bbk-cat-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.bbk-item-add {
		flex-direction: column;
	}

	.bbk-phone {
		flex-wrap: wrap;
	}

	.bbk-phone__prefix {
		flex-basis: 76px;
	}

	.bbk-verify__req {
		flex-basis: 100%;
	}

	.bbk-modal {
		padding: 0;
		align-items: flex-end;
	}

	.bbk-modal__panel,
	.bbk-modal__panel--sm {
		width: 100%;
		max-height: 92vh;
		border-radius: var(--bbk-radius, 12px) var(--bbk-radius, 12px) 0 0;
	}

	.bbk-total__price {
		font-size: 18px;
	}

	.bbk-success {
		padding: 44px 16px;
	}
}