/* Shared slide-in panel headers — mobile menu, cart, shop filters, size guide */

.df-mobile-menu__head,
.df-cart-drawer__head,
.df-shop__drawer-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--df-panel-head-padding-y) var(--df-panel-head-padding-x);
	min-height: var(--df-panel-head-min-height);
	border-bottom: 1px solid var(--df-gray-light);
	flex-shrink: 0;
}

.df-size-guide__header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: var(--df-panel-head-padding-y) var(--df-panel-head-padding-x);
	min-height: var(--df-panel-head-min-height);
	background: var(--df-dark);
	color: var(--df-white);
	flex-shrink: 0;
}

.df-mobile-menu__close,
.df-cart-drawer__close,
.df-shop__drawer-close,
.df-size-guide__close {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: none;
	background: none;
	cursor: pointer;
	line-height: 0;
	padding: 0;
	color: var(--df-dark);
}

.df-size-guide__close {
	position: absolute;
	right: var(--df-panel-head-padding-x);
	top: 50%;
	transform: translateY(-50%);
	color: var(--df-white);
}

.df-mobile-menu__close svg,
.df-cart-drawer__close svg,
.df-shop__drawer-close svg,
.df-size-guide__close svg {
	width: var(--df-panel-head-icon-size);
	height: var(--df-panel-head-icon-size);
	display: block;
}