/* AsansorMarket V18 — unified storefront alignment (header, nav, content, footer) */
:root {
	--am-page-max: 1760px;
	--am-page-pad: clamp(0.75rem, 2vw, 1.5rem);
	--home-category-width: clamp(15rem, 18vw, 18rem);
	--am-content-gap: 1.5rem;
	--mavi-content-max: min(calc(100% - 2 * var(--am-page-pad)), var(--am-page-max));
}

html,
body,
#root {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

.mavi-layout-shell,
.container,
.am-page-shell,
.am-footer-shell {
	width: 100% !important;
	max-width: var(--mavi-content-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--am-page-pad) !important;
	padding-right: var(--am-page-pad) !important;
	box-sizing: border-box !important;
}

.am-site-full-bleed {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
}

.am-footer-card {
	border-radius: 0 !important;
}

.am-footer-shell {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.container.px-4,
.container.sm\:px-6,
.container.lg\:px-8,
.container.xl\:px-12 {
	padding-left: var(--am-page-pad) !important;
	padding-right: var(--am-page-pad) !important;
}

#main-navigation {
	overflow: visible !important;
}

#main-navigation .mavi-layout-shell {
	width: 100% !important;
	max-width: var(--mavi-content-max) !important;
	overflow: visible !important;
}

.main-category-trigger {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body[data-page="home"] {
	--home-category-column: var(--home-category-sync-width, var(--home-category-width));
}

body[data-page="home"] .mavi-main-nav-grid,
body[data-page="home"] .mavi-home-hero-grid {
	grid-template-columns: var(--home-category-column) minmax(0, 1fr) !important;
}

body[data-page="home"] .mavi-category-sidebar,
body[data-page="home"] .mavi-home-hero-grid > div:first-child {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

.mavi-main-nav-grid {
	display: grid !important;
	grid-template-columns: var(--home-category-width) minmax(0, 1fr) !important;
	gap: var(--am-content-gap) !important;
	align-items: stretch !important;
	justify-content: start !important;
	overflow: visible !important;
}

.mavi-main-nav-links {
	width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
}

.mavi-main-nav-links-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: clamp(0.35rem, 0.8vw, 1rem) !important;
	width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
}

.mavi-main-nav-item,
.mavi-main-nav-links-inner > a,
.mavi-corporate-menu {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
}

.mavi-corporate-menu {
	position: relative !important;
	overflow: visible !important;
	z-index: 40 !important;
}

.mavi-corporate-dropdown {
	z-index: 60 !important;
}

.mavi-corporate-menu:hover .mavi-corporate-dropdown,
.mavi-corporate-dropdown:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

#filter-sidebar,
.am-sidebar-col {
	width: var(--home-category-width) !important;
	flex-shrink: 0 !important;
}

.products-page-layout {
	gap: var(--am-content-gap) !important;
}

.mavi-header-logo-img {
	width: auto !important;
	max-width: min(240px, 24vw) !important;
	height: auto !important;
	max-height: 88px !important;
	object-fit: contain !important;
}

.am-account-page-wrap > .container {
	width: 100% !important;
	max-width: var(--mavi-content-max) !important;
}

@media (max-width: 1450px) {
	.mavi-main-nav-links-inner {
		gap: 0.35rem !important;
	}

	.mavi-main-nav-item {
		font-size: 10px !important;
	}

	.mavi-main-nav-item svg,
	.mavi-main-nav-links-inner > a svg {
		width: 14px !important;
		height: 14px !important;
	}
}

@media (max-width: 1279px) {
	:root {
		--home-category-width: clamp(14rem, 20vw, 16rem);
	}

	.mavi-main-nav-grid {
		gap: 1rem !important;
	}
}

@media (max-width: 1023px) {
	.mavi-header-logo-img {
		max-width: min(200px, 42vw) !important;
		max-height: 76px !important;
	}
}

@media (max-width: 767px) {
	:root {
		--am-page-pad: clamp(0.65rem, 3vw, 0.85rem);
	}
}