/* ENAMAD-01-UI1-T1 — Global Shell only. */
.dpc-site-header {
	position: relative;
	z-index: 50;
	background: var(--dpc-color-neutral-0);
	border-block-end: 1px solid var(--dpc-color-neutral-200);
}

.dpc-header-main { background: var(--dpc-color-neutral-0); }
.dpc-header-main__inner {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 44px;
	grid-template-areas:
		"menu brand cart"
		"search search search";
	gap: var(--dpc-space-3);
	align-items: center;
	padding-block: var(--dpc-space-3);
}

.dpc-mobile-menu-toggle {
	grid-area: menu;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 1px solid var(--dpc-color-neutral-300);
	border-radius: var(--dpc-radius-control);
	background: var(--dpc-color-neutral-0);
	color: var(--dpc-color-graphite);
	cursor: pointer;
}

.dpc-icon {
	display: block;
	inline-size: 22px;
	block-size: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.dpc-icon--sm { inline-size: 18px; block-size: 18px; }

.dpc-brand {
	grid-area: brand;
	justify-self: center;
	min-inline-size: 0;
}
.dpc-brand .custom-logo-link,
.dpc-site-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 44px;
	color: var(--dpc-color-graphite);
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}
.dpc-brand .custom-logo { display: block; inline-size: auto; max-block-size: 42px; }
.dpc-site-brand__text { direction: ltr; unicode-bidi: isolate; }
.dpc-site-brand__accent { color: var(--dpc-color-primary); }

.dpc-header-search { grid-area: search; min-inline-size: 0; }
.dpc-search-form {
	display: flex;
	align-items: stretch;
	inline-size: 100%;
	min-block-size: 46px;
	background: var(--dpc-color-neutral-0);
	border: 1px solid var(--dpc-color-neutral-400);
	border-radius: var(--dpc-radius-control);
	overflow: clip;
}
.dpc-search-form:focus-within {
	border-color: var(--dpc-color-primary);
	box-shadow: 0 0 0 3px var(--dpc-color-primary-subtle);
}
.dpc-search-form__input {
	min-inline-size: 0;
	flex: 1;
	padding-inline: var(--dpc-space-4);
	background: transparent;
	color: var(--dpc-color-graphite);
	border: 0;
	outline: 0;
}
.dpc-search-form__input::placeholder { color: var(--dpc-color-neutral-500); }
.dpc-search-form__submit {
	flex: 0 0 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 44px;
	padding: 0;
	background: var(--dpc-color-primary);
	color: var(--dpc-color-neutral-0);
	border: 0;
	cursor: pointer;
}
.dpc-search-form__submit:hover { background: var(--dpc-color-primary-hover); }
.dpc-search-form__submit:active { background: var(--dpc-color-primary-active); }

.dpc-header-actions { display: none; }
.dpc-mobile-cart {
	grid-area: cart;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	justify-self: end;
	color: var(--dpc-color-graphite);
	text-decoration: none;
}
.dpc-cart-count {
	position: absolute;
	inset-block-start: 1px;
	inset-inline-end: 1px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-inline-size: 18px;
	block-size: 18px;
	padding-inline: var(--dpc-space-1);
	border-radius: var(--dpc-radius-pill);
	background: var(--dpc-color-primary);
	color: var(--dpc-color-neutral-0);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.dpc-desktop-nav { display: none; border-block-start: 1px solid var(--dpc-color-neutral-200); }
.dpc-desktop-nav__inner { min-block-size: 48px; }
.dpc-nav-list {
	display: flex;
	flex-direction: column;
	gap: var(--dpc-space-1);
	padding: 0;
	margin: 0;
	list-style: none;
}
.dpc-nav-list a,
.dpc-nav-placeholder {
	display: flex;
	align-items: center;
	min-block-size: 44px;
	padding-inline: var(--dpc-space-3);
	border-radius: var(--dpc-radius-control);
	text-decoration: none;
}
.dpc-nav-list a { color: var(--dpc-color-graphite); font-weight: 600; }
.dpc-nav-list a:hover { background: var(--dpc-color-primary-subtle); color: var(--dpc-color-primary-active); }
.dpc-nav-placeholder { color: var(--dpc-color-neutral-500); }

.dpc-header-action {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: var(--dpc-space-2);
	min-block-size: 44px;
	padding-inline: var(--dpc-space-2);
	border-radius: var(--dpc-radius-control);
	color: var(--dpc-color-graphite);
	font-size: var(--dpc-type-small-size);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.dpc-header-action:hover { background: var(--dpc-color-neutral-100); }
.dpc-header-action--inactive { color: var(--dpc-color-neutral-500); cursor: default; }

.dpc-drawer-backdrop {
	position: fixed;
	z-index: 998;
	inset: 0;
	background: var(--dpc-color-overlay-backdrop);
}
.dpc-nav-drawer {
	position: fixed;
	z-index: 999;
	inset-block: 0;
	inset-inline-start: 0;
	inline-size: min(88vw, 360px);
	padding: var(--dpc-space-4);
	background: var(--dpc-color-neutral-0);
	box-shadow: var(--dpc-shadow-overlay);
	overflow-y: auto;
	transform: translateX(100%);
	transition: transform 180ms ease;
}
:dir(ltr) .dpc-nav-drawer { transform: translateX(-100%); }
.dpc-nav-drawer.is-open { transform: translateX(0); }
.dpc-nav-drawer[hidden],
.dpc-drawer-backdrop[hidden] { display: none; }
.dpc-drawer-open { overflow: hidden; }
.dpc-nav-drawer__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dpc-space-3);
	padding-block-end: var(--dpc-space-4);
	margin-block-end: var(--dpc-space-3);
	border-block-end: 1px solid var(--dpc-color-neutral-200);
}
.dpc-nav-drawer__title { margin: 0; font-size: var(--dpc-type-h4-size); line-height: var(--dpc-type-h4-line); }
.dpc-nav-drawer__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	background: var(--dpc-color-neutral-0);
	color: var(--dpc-color-graphite);
	border: 1px solid var(--dpc-color-neutral-300);
	border-radius: var(--dpc-radius-control);
	cursor: pointer;
}
.dpc-nav-drawer__secondary {
	display: grid;
	gap: var(--dpc-space-2);
	padding-block-start: var(--dpc-space-4);
	margin-block-start: var(--dpc-space-4);
	border-block-start: 1px solid var(--dpc-color-neutral-200);
}
.dpc-nav-drawer__secondary a,
.dpc-nav-drawer__secondary .dpc-header-action {
	inline-size: 100%;
	justify-content: flex-start;
	padding-inline: var(--dpc-space-3);
}
.dpc-nojs-nav { padding-block: var(--dpc-space-3); border-block-start: 1px solid var(--dpc-color-neutral-200); }

/* Breadcrumb */
.dpc-breadcrumb {
	background: var(--dpc-color-neutral-50);
	border-block-end: 1px solid var(--dpc-color-neutral-200);
}
.dpc-breadcrumb__inner {
	display: flex;
	align-items: center;
	min-block-size: 44px;
	color: var(--dpc-color-neutral-600);
	font-size: var(--dpc-type-small-size);
	line-height: var(--dpc-type-small-line);
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: thin;
}
.dpc-breadcrumb a { color: var(--dpc-color-graphite); text-decoration: none; }
.dpc-breadcrumb a:hover { color: var(--dpc-color-primary); }
.dpc-breadcrumb__separator { display: inline-block; margin-inline: var(--dpc-space-2); color: var(--dpc-color-neutral-400); }
.dpc-breadcrumb__current { color: var(--dpc-color-neutral-600); }

/* Footer */
.dpc-site-footer {
	margin-block-start: var(--dpc-space-16);
	background: var(--dpc-color-graphite);
	color: var(--dpc-color-neutral-0);
}
.dpc-site-footer__inner { padding-block: var(--dpc-space-10) var(--dpc-space-6); }
.dpc-site-footer__grid { display: grid; gap: var(--dpc-space-4); }
.dpc-footer-brand { padding-block-end: var(--dpc-space-2); }
.dpc-footer-brand__name { margin: 0 0 var(--dpc-space-3); color: var(--dpc-color-neutral-0); font-size: 20px; font-weight: 800; }
.dpc-footer-brand__description { max-inline-size: 420px; margin: 0; color: var(--dpc-color-neutral-300); }
.dpc-footer-section {
	padding-block: var(--dpc-space-2);
	border-block-start: 1px solid var(--dpc-color-neutral-700);
}
.dpc-footer-section__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dpc-space-3);
	min-block-size: 44px;
	color: var(--dpc-color-neutral-0);
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.dpc-footer-section__summary::-webkit-details-marker { display: none; }
.dpc-footer-section__summary .dpc-icon { transition: transform 160ms ease; }
.dpc-footer-section[open] .dpc-footer-section__summary .dpc-icon { transform: rotate(180deg); }
.dpc-footer-links {
	display: grid;
	gap: var(--dpc-space-1);
	padding: 0;
	margin: var(--dpc-space-2) 0 0;
	list-style: none;
}
.dpc-footer-links a,
.dpc-footer-links .dpc-nav-placeholder {
	display: inline-flex;
	align-items: center;
	min-block-size: 44px;
	color: var(--dpc-color-neutral-300);
	text-decoration: none;
}
.dpc-footer-links a:hover { color: var(--dpc-color-neutral-0); }
.dpc-site-footer__bottom {
	margin-block-start: var(--dpc-space-6);
	padding-block-start: var(--dpc-space-4);
	border-block-start: 1px solid var(--dpc-color-neutral-700);
	color: var(--dpc-color-neutral-400);
	font-size: var(--dpc-type-small-size);
}
.dpc-site-footer__bottom p { margin: 0; }

@media (min-width: 768px) {
	.dpc-site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dpc-space-6); }
	.dpc-footer-brand { grid-column: 1 / -1; }
	.dpc-footer-section { border-block-start: 0; padding-block: 0; }
	.dpc-footer-section__summary { cursor: default; }
}

@media (min-width: 1024px) {
	.dpc-header-main__inner {
		grid-template-columns: auto minmax(320px, 1fr) auto;
		grid-template-areas: "brand search actions";
		gap: var(--dpc-space-6);
		min-block-size: 72px;
		padding-block: var(--dpc-space-3);
	}
	.dpc-brand { justify-self: start; }
	.dpc-mobile-menu-toggle,
	.dpc-mobile-cart { display: none; }
	.dpc-header-actions { grid-area: actions; display: flex; align-items: center; gap: var(--dpc-space-1); }
	.dpc-desktop-nav { display: block; }
	.dpc-desktop-nav .dpc-nav-list { flex-direction: row; align-items: center; min-block-size: 48px; }
	.dpc-desktop-nav .dpc-nav-list a { min-block-size: 48px; }
	.dpc-nav-drawer,
	.dpc-drawer-backdrop { display: none !important; }
	.dpc-site-footer__grid { grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr)); }
	.dpc-footer-brand { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.dpc-nav-drawer,
	.dpc-footer-section__summary .dpc-icon { transition: none; }
}

/* ENAMAD-01-UI2 — immutable brand asset integration. */
.dpc-site-brand {
	min-block-size: 44px;
	padding: 0;
}

.dpc-brand-logo {
	display: block;
	max-inline-size: 100%;
	object-fit: contain;
}

.dpc-brand-logo--dp {
	inline-size: auto;
	block-size: 32px;
}

.dpc-footer-brand__plate {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: fit-content;
	max-inline-size: 100%;
	padding: var(--dpc-space-3);
	background: var(--dpc-color-neutral-0);
	border-radius: var(--dpc-radius-large);
}

.dpc-footer-brand__plate .dpc-site-brand {
	min-block-size: 0;
}

.dpc-brand-logo--full {
	inline-size: min(200px, 58vw);
	block-size: auto;
}

.dpc-footer-brand__description {
	margin-block-start: var(--dpc-space-4);
}

@media (min-width: 1024px) {
	.dpc-brand-logo--dp {
		block-size: 42px;
	}

	.dpc-brand .dpc-site-brand {
		padding-inline: var(--dpc-space-3);
	}

	.dpc-brand-logo--full {
		inline-size: 210px;
	}
}


/* 0.8.0 — HostDL runtime header/footer hierarchy correction. */
.dpc-utility-bar {
	display: none;
	background: var(--dpc-color-graphite);
	color: var(--dpc-color-neutral-200);
	font-size: 12px;
	line-height: 20px;
}
.dpc-utility-bar__inner {
	display: flex;
	gap: var(--dpc-space-5);
	align-items: center;
	justify-content: flex-start;
	min-block-size: 30px;
}
.dpc-utility-bar__inner span + span::before {
	margin-inline-end: var(--dpc-space-5);
	color: var(--dpc-color-neutral-600);
	content: "•";
}

@media (min-width: 1024px) {
	.dpc-utility-bar { display: block; }
	.dpc-header-main__inner {
		grid-template-columns: 92px minmax(420px, 720px) auto;
		grid-template-areas: "brand search actions";
		justify-content: space-between;
		gap: clamp(24px, 3vw, 48px);
		min-block-size: 88px;
		padding-block: var(--dpc-space-4);
	}
	.dpc-brand { justify-self: start; }
	.dpc-brand-logo--dp { block-size: 50px; }
	.dpc-brand .dpc-site-brand { padding-inline: 0; }
	.dpc-header-search { inline-size: 100%; max-inline-size: 720px; justify-self: center; }
	.dpc-search-form { min-block-size: 50px; border-radius: 12px; border-color: var(--dpc-color-neutral-300); }
	.dpc-search-form__input { font-size: 14px; }
	.dpc-search-form__submit { flex-basis: 54px; }
	.dpc-header-actions { gap: var(--dpc-space-2); }
	.dpc-header-action { padding-inline: var(--dpc-space-3); font-size: 13px; }
	.dpc-desktop-nav {
		background: var(--dpc-color-graphite);
		border: 0;
	}
	.dpc-desktop-nav__inner { min-block-size: 50px; }
	.dpc-desktop-nav .dpc-nav-list { min-block-size: 50px; gap: 2px; }
	.dpc-desktop-nav .dpc-nav-list a {
		min-block-size: 50px;
		padding-inline: var(--dpc-space-4);
		border-radius: 0;
		color: var(--dpc-color-neutral-0);
		font-size: 14px;
		font-weight: 600;
	}
	.dpc-desktop-nav .dpc-nav-list a:hover,
	.dpc-desktop-nav .dpc-nav-list a:focus-visible {
		background: rgb(255 255 255 / 0.08);
		color: #cbdfff;
	}
}

@media (min-width: 768px) {
	.dpc-site-footer__grid {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: var(--dpc-space-8);
		align-items: start;
	}
	.dpc-footer-brand { grid-column: span 2; }
}
@media (min-width: 1024px) {
	.dpc-site-footer__inner { padding-block: var(--dpc-space-10) var(--dpc-space-5); }
	.dpc-site-footer__grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
	.dpc-footer-brand { grid-column: span 2; }
	.dpc-brand-logo--full { inline-size: 168px; }
	.dpc-footer-brand__plate { padding: var(--dpc-space-2) var(--dpc-space-3); border-radius: 12px; }
}

/* 0.8.2 — runtime brand correction: full official identity on desktop. */
.dpc-brand-logo--header-full { display: none; }
.dpc-brand-logo--header-v4 {
	display: block;
	block-size: 36px;
	inline-size: auto;
}

@media (min-width: 1024px) {
	.dpc-header-main__inner {
		grid-template-columns: 124px minmax(380px, 720px) auto;
		min-block-size: 108px;
	}
	.dpc-brand-logo--header-v4 { display: none; }
	.dpc-brand-logo--header-full {
		display: block;
		inline-size: 104px;
		block-size: auto;
	}
	.dpc-site-brand--header {
		inline-size: 112px;
		justify-content: center;
	}
}

/* 0.8.3 — restore the approved compact header identity and keep Wishlist/Compare visible. */
.dpc-brand-logo--header-full { display: none !important; }
.dpc-brand-logo--header-v4 {
	display: block !important;
	block-size: 34px;
	inline-size: auto;
}
.dpc-site-brand--header { inline-size: auto; }

@media (min-width: 1024px) {
	.dpc-header-main__inner {
		grid-template-columns: 104px minmax(320px, 1fr) minmax(330px, auto);
		gap: clamp(18px, 2.2vw, 34px);
		min-block-size: 92px;
	}
	.dpc-brand-logo--header-v4 { block-size: 54px; }
	.dpc-site-brand--header { inline-size: 96px; }
	.dpc-header-search { max-inline-size: 720px; }
	.dpc-header-actions { gap: 2px; }
	.dpc-header-action { padding-inline: 8px; }
	.dpc-header-action--inactive { opacity: .72; }
	.dpc-header-action:nth-child(1) span,
	.dpc-header-action:nth-child(2) span { display: none; }
}

@media (min-width: 1280px) {
	.dpc-header-main__inner {
		grid-template-columns: 112px minmax(380px, 760px) minmax(440px, auto);
	}
	.dpc-header-action:nth-child(1) span,
	.dpc-header-action:nth-child(2) span { display: inline; }
}
/* Editorial content refresh 2.6.4 */
.dpc-footer-about{gap:clamp(24px,5vw,72px);align-items:start}.dpc-footer-about section{max-width:900px}.dpc-footer-about p{line-height:2.15;margin:0 0 14px;color:inherit}.dpc-footer-about strong{color:inherit;font-weight:750}.dpc-footer-about h2{border-inline-start:4px solid #2381ef;padding-inline-start:16px}

/* Search preview is positioned against the search column, never the whole header. */
.dpc-header-search{position:relative;z-index:80;overflow:visible}
.dpc-header-search .dpc-search-suggestions{position:absolute;inset-block-start:calc(100% + 8px);inset-inline:0;top:calc(100% + 8px);width:100%;box-sizing:border-box;max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid #dce6f2;border-radius:14px;background:#fff;box-shadow:0 16px 40px #18213024;direction:rtl;text-align:right;z-index:90}
.dpc-header-search .dpc-search-suggestions>a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;text-decoration:none;color:#182130;border-radius:9px;font-size:13px;line-height:1.9}
.dpc-header-search .dpc-search-suggestions>a:hover,.dpc-header-search .dpc-search-suggestions>a:focus-visible{background:#edf5ff;outline:2px solid #086af6;outline-offset:-2px}
.dpc-header-search .dpc-search-suggestions img{flex:0 0 58px;width:58px;height:54px;object-fit:contain;background:#f7f9fc;border-radius:7px}
.dpc-search-suggestions__title{min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dpc-search-suggestions__message{margin:0;padding:16px;font-size:13px;line-height:1.9;color:#61718a}
.dpc-header-search .dpc-search-suggestions__all{justify-content:center;color:#086af6;border-top:1px solid #e3eaf2;margin-top:6px;font-weight:700}
@media(max-width:767px){.dpc-header-search .dpc-search-suggestions>a{padding:9px;font-size:12px;gap:9px}.dpc-header-search .dpc-search-suggestions img{flex-basis:46px;width:46px;height:46px}}
