/* Exact Astra breakpoints for the isolated Atomic header preview. */
#pinsapar-atomic-shell-header #pinsapar-atomic-shell-header-row {
	position: relative;
	min-block-size: 104px;
	padding-inline: 20px;
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-logo {
	aspect-ratio: 150 / 34;
	block-size: auto;
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-navigation {
	display: flex;
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-navigation[hidden] {
	display: none;
}

#pinsapar-atomic-shell-header :is(
	#pinsapar-atomic-shell-search-toggle,
	#pinsapar-atomic-shell-cart,
	#pinsapar-atomic-shell-account,
	#pinsapar-atomic-shell-menu-toggle
) {
	display: inline-flex;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	font-size: 0;
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-menu-toggle {
	display: none;
}

#pinsapar-atomic-shell-header :is(
	#pinsapar-atomic-shell-search-toggle,
	#pinsapar-atomic-shell-cart,
	#pinsapar-atomic-shell-account,
	#pinsapar-atomic-shell-menu-toggle
)::before {
	content: "";
	inline-size: 20px;
	block-size: 20px;
	background-color: currentColor;
	mask: var(--pinsapar-header-icon) center / contain no-repeat;
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-search-toggle {
	--pinsapar-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 5 5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-cart {
	--pinsapar-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 4h4l2.1 11a2 2 0 0 0 2 1.6H19v-1.8H9l-.3-1.7h10.8L22 6H6.7L6 2H1z'/%3E%3Ccircle cx='9.5' cy='20' r='1.6'/%3E%3Ccircle cx='17.5' cy='20' r='1.6'/%3E%3C/svg%3E");
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-account {
	--pinsapar-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='5.5' r='4'/%3E%3Cpath d='M2 18v-1a8 8 0 0 1 16 0v1z'/%3E%3C/svg%3E");
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-menu-toggle {
	--pinsapar-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 5h14M3 10h14M3 15h14' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-menu-toggle[aria-expanded="true"] {
	--pinsapar-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 4 12 12m0-12L4 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

#pinsapar-atomic-shell-header #pinsapar-atomic-shell-cart-count {
	inset: -3px -3px auto auto;
	box-shadow: 0 2px 5px #0003;
}

@media (min-width: 923px) {
	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-navigation,
	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-menu-slot {
		inline-size: max-content;
	}

	#pinsapar-atomic-shell-header #ast-hf-menu-1 > li > a.menu-link {
		min-block-size: 104px;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-logo {
		inline-size: 150px;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-header-actions {
		position: relative;
		inset-inline-end: -13px;
		display: grid;
		grid-template-columns: 62px 44px 44px;
		justify-content: end;
		gap: 5px;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-search-toggle {
		justify-self: start;
	}
}

@media (max-width: 922px) {
	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-header-row {
		--pinsapar-header-row-height: 88px;
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: var(--pinsapar-header-row-height) auto;
		grid-template-areas: "brand actions" "navigation navigation";
		min-block-size: var(--pinsapar-header-row-height);
		padding-inline: 0;
		position: static;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-header-brand {
		grid-area: brand;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-logo {
		inline-size: 128px;
	}

	#pinsapar-atomic-shell-header :is(#pinsapar-atomic-shell-search-toggle, #pinsapar-atomic-shell-account) {
		display: none;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-menu-toggle {
		display: inline-flex;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-navigation {
		grid-area: navigation;
		width: 100%;
		min-block-size: 0;
		background: #fff;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-navigation:not(:has(.ast-mobile-header-content)) {
		display: none;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-menu-slot {
		display: block;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-header-actions {
		grid-area: actions;
		gap: 16px;
	}
}

@media (max-width: 544px) {
	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-header-row {
		--pinsapar-header-row-height: 70px;
		padding-inline: 1px;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-logo {
		inline-size: 110px;
	}

	#pinsapar-atomic-shell-header #pinsapar-atomic-shell-navigation {
		inline-size: calc(100% + 2px);
		margin-inline: -1px;
	}
}