/* Wrapper + shields against theme styles. Everything is scoped to #emm-header,
   so nothing here can change the rest of your WordPress page. */
#emm-header { position: relative; z-index: 999; width: 100%; background: linear-gradient(90deg, #fbf3f5 0%, #ffffff 45%, #f3e4e9 100%); border-top: 1px solid #ece4e7; border-bottom: 1px solid #ece4e7; padding: 0 16px; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; color: #1a1a1a; text-align: left; box-sizing: border-box; }
#emm-header, #emm-header * { box-sizing: border-box; }
#emm-header ul, #emm-header li { list-style: none !important; margin: 0; padding: 0; background: none; border: 0; }
#emm-header a, #emm-header a:hover, #emm-header a:focus { text-decoration: none; box-shadow: none; background: none; border: 0; }
#emm-header button, #emm-header button:hover, #emm-header button:focus { background: none; border: 0; border-radius: 0; box-shadow: none; min-height: 0; min-width: 0; margin: 0; letter-spacing: normal; text-transform: none; font-weight: inherit; line-height: 1; color: inherit; }
#emm-header img { max-width: 100%; height: auto; border: 0; box-shadow: none; border-radius: 0; }
#emm-header svg { fill: none; }
@media (max-width: 1024px) { #emm-header { padding: 0; } #emm-header .emm > .emm-toggle { margin-left: 16px; } }
#emm-header .emm {
--emm-top-gap: clamp(20px, 4.6vw, 88px);
	--emm-top-pad: 14px;
	--emm-link-size: 16px;
	--emm-link-color: #555;
	--emm-link-hover: #111;
	--emm-heading-color: #222;
	--emm-brand-color: #222;
	--emm-panel-bg: #f8f8f8;
	--emm-side-bg: #fff;
	--emm-side-w: 370px;
	--emm-col-w: 270px;
	--emm-img-w: 376px;
	--emm-max: 1680px;
	--emm-line: #ececec;
	--emm-z: 9990;
	position: relative;
	font-family: var(--emm-font); }
#emm-header .emm *, #emm-header .emm *::before, #emm-header .emm *::after {
box-sizing: border-box; }
#emm-header .emm ul {
list-style: none; margin: 0; padding: 0; }
#emm-header .emm li {
margin: 0; padding: 0; }
#emm-header .emm li::before, #emm-header .emm li::marker {
content: none; }
#emm-header .emm a {
text-decoration: none; color: inherit; box-shadow: none; }
#emm-header .emm a:focus-visible, #emm-header .emm button:focus-visible {
outline: 2px solid currentColor; outline-offset: 2px; }
#emm-header .emm-sr {
position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#emm-header .emm svg {
display: block; }
#emm-header .emm-toggle, #emm-header .emm-expand {
display: none; }
#emm-header .emm-bar {
display: flex; justify-content: center; align-items: stretch; gap: var(--emm-top-gap); position: relative; }
#emm-header .emm-top {
display: flex; align-items: center; }
#emm-header .emm-top-link {
display: inline-flex; align-items: center; gap: 5px; position: relative;
	padding: var(--emm-top-pad) 0;
	font-family: var(--emm-font); font-size: var(--emm-top-size); font-weight: var(--emm-top-weight);
	color: var(--emm-top-color); text-transform: var(--emm-top-transform);
	line-height: 1.2; white-space: nowrap; }
#emm-header .emm-top-arrow {
width: 9px; height: 9px; opacity: .55; transition: transform .2s; }
#emm-header .emm-link {
display: flex; align-items: center; justify-content: space-between; gap: 16px;
	font-family: var(--emm-font); font-size: var(--emm-link-size); color: var(--emm-link-color);
	line-height: 1.35; transition: color .15s; }
#emm-header .emm-chev {
flex: none; width: 8px; height: 12px; opacity: .55; }
#emm-header .emm-media-img {
display: block; width: 100%; height: auto; transition: opacity .22s ease; }
#emm-header .emm-media-img.is-swapping {
opacity: 0; }
@media (min-width: 1025px) {
#emm-header .emm-top {
position: static; }
#emm-header .emm-top.emm-layout-dropdown {
position: relative; }
#emm-header .emm-top-link::after {
content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--emm-top-pad) - 5px);
		height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
#emm-header .emm-top:hover > .emm-top-link::after, #emm-header .emm-top:focus-within > .emm-top-link::after, #emm-header .emm-top-link:hover::after {
transform: scaleX(1); }
#emm-header .emm-top:hover .emm-top-arrow, #emm-header .emm-top:focus-within .emm-top-arrow {
transform: rotate(180deg); }
#emm-header .emm-panel {
position: absolute; top: 100%; left: 0; width: 100%; z-index: var(--emm-z);
		background: var(--emm-panel-bg); border-top: 1px solid var(--emm-line);
		box-shadow: 0 22px 34px -22px rgba(0, 0, 0, .22);
		opacity: 0; visibility: hidden; transform: translateY(6px);
		transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
		text-align: left; }
#emm-header .emm-top:hover > .emm-panel, #emm-header .emm-top:focus-within > .emm-panel {
opacity: 1; visibility: visible; transform: none; transition: opacity .2s ease, transform .2s ease; }
#emm-header .emm-item:hover > .emm-link, #emm-header .emm-item:focus-within > .emm-link {
color: var(--emm-link-hover); }
#emm-header .emm-media {
flex: none; margin-left: auto; padding: 32px 56px 32px 24px; }
#emm-header .emm-media-link {
display: block; width: var(--emm-img-w); max-width: 100%; }
#emm-header .emm-media--empty .emm-media-img {
display: none; }
#emm-header .emm-layout-columns .emm-item, #emm-header .emm-layout-dropdown .emm-item, #emm-header .emm-layout-groups .emm-depth-3 .emm-item {
position: relative; }
#emm-header .emm-layout-columns .emm-sub, #emm-header .emm-layout-dropdown .emm-sub, #emm-header .emm-layout-groups .emm-depth-3 .emm-sub {
display: none; position: absolute; top: -12px; left: 100%; z-index: 3;
		min-width: 230px; padding: 10px 0; background: #fff;
		border: 1px solid var(--emm-line); box-shadow: 0 14px 34px rgba(0, 0, 0, .12); }
#emm-header .emm-layout-columns .emm-sub .emm-link, #emm-header .emm-layout-dropdown .emm-link, #emm-header .emm-layout-groups .emm-depth-3 .emm-sub .emm-link {
padding: 8px 22px; }
#emm-header .emm-layout-columns .emm-item:hover > .emm-sub, #emm-header .emm-layout-columns .emm-item:focus-within > .emm-sub, #emm-header .emm-layout-dropdown .emm-item:hover > .emm-sub, #emm-header .emm-layout-dropdown .emm-item:focus-within > .emm-sub, #emm-header .emm-layout-groups .emm-depth-3 .emm-item:hover > .emm-sub, #emm-header .emm-layout-groups .emm-depth-3 .emm-item:focus-within > .emm-sub {
display: block; animation: emm-in .18s ease; }
#emm-header .emm-item.emm-flip > .emm-sub {
left: auto !important; right: 100%; }
#emm-header .emm-layout-sidebar .emm-panel-inner {
position: relative; display: flex; min-height: 480px; }
#emm-header .emm-layout-sidebar .emm-depth-2 {
flex: none; width: var(--emm-side-w); background: var(--emm-side-bg); padding: 26px 46px 26px 90px; }
#emm-header .emm-layout-sidebar .emm-item {
position: static; }
#emm-header .emm-layout-sidebar .emm-link {
padding: 12px 0; }
#emm-header .emm-layout-sidebar .emm-sub {
display: none; position: absolute; top: 0; bottom: 0; left: var(--emm-side-w); width: var(--emm-col-w);
		padding: 26px 34px; z-index: 2; background: var(--emm-panel-bg); }
#emm-header .emm-layout-sidebar .emm-sub .emm-sub {
left: 100%; border-left: 1px solid var(--emm-line); }
#emm-header .emm-layout-sidebar .emm-item:hover > .emm-sub, #emm-header .emm-layout-sidebar .emm-item:focus-within > .emm-sub {
display: block; animation: emm-in .18s ease; }
#emm-header .emm-layout-columns .emm-panel-inner {
display: flex; max-width: var(--emm-max); margin: 0 auto; padding: 0 24px; }
#emm-header .emm-layout-columns .emm-depth-2 {
flex: 1; min-width: 0; display: grid; padding: 30px 0; column-gap: 24px; align-content: start;
		grid-template-columns: repeat(var(--emm-cols, 4), minmax(0, 1fr));
		grid-template-rows: repeat(var(--emm-rows, 20), auto);
		grid-auto-flow: column; }
#emm-header .emm-layout-columns .emm-depth-2 > .emm-item {
justify-self: start; }
#emm-header .emm-layout-columns .emm-depth-2 > .emm-item > .emm-link {
padding: 6px 0; color: var(--emm-brand-color); justify-content: flex-start; gap: 10px; }
#emm-header .emm-layout-columns .emm-depth-2 > .emm-item:hover > .emm-link, #emm-header .emm-layout-columns .emm-depth-2 > .emm-item:focus-within > .emm-link {
color: var(--emm-link-hover); text-decoration: underline; text-underline-offset: 4px; }
#emm-header .emm-layout-columns .emm-media {
padding: 32px 0 32px 24px; }
#emm-header .emm-layout-groups .emm-panel-inner {
display: flex; max-width: var(--emm-max); margin: 0 auto; padding: 0 24px; }
#emm-header .emm-groups {
flex: 1; min-width: 0; display: flex; gap: 24px; padding: 28px 0 32px 36px; }
#emm-header .emm-groups > .emm-depth-2 {
flex: 1; min-width: 0; }
#emm-header .emm-groups > .emm-depth-2 > .emm-item + .emm-item {
margin-top: 26px; }
#emm-header .emm-layout-groups .emm-depth-2 > .emm-item > .emm-link {
padding: 0 0 8px; justify-content: flex-start; font-size: calc(var(--emm-link-size) + 2px);
		font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--emm-heading-color); }
#emm-header .emm-layout-groups .emm-depth-2 > .emm-item > .emm-link .emm-chev {
display: none; }
#emm-header .emm-layout-groups .emm-depth-3 {
display: block; position: static; }
#emm-header .emm-layout-groups .emm-depth-3 > .emm-item {
width: fit-content; max-width: 100%; }
#emm-header .emm-layout-groups .emm-depth-3 > .emm-item > .emm-link {
padding: 5px 0; justify-content: flex-start; gap: 10px; }
#emm-header .emm-layout-groups .emm-media {
padding: 26px 0 32px 24px; }
#emm-header .emm-layout-dropdown > .emm-panel {
left: 50%; width: auto; min-width: 240px; transform: translate(-50%, 6px); background: #fff; border: 1px solid var(--emm-line); }
#emm-header .emm-layout-dropdown:hover > .emm-panel, #emm-header .emm-layout-dropdown:focus-within > .emm-panel {
transform: translate(-50%, 0); }
#emm-header .emm-layout-dropdown .emm-depth-2 {
padding: 10px 0; }
@keyframes emm-in {
from {
opacity: 0; transform: translateX(-4px); }
to {
opacity: 1; transform: none; }
}
}
@media (max-width: 1024px) {
#emm-header .emm-toggle {
display: inline-flex; align-items: center; gap: 10px; padding: 12px 4px; border: 0; background: none;
		font: inherit; color: inherit; cursor: pointer; }
#emm-header .emm-toggle-icon {
display: grid; gap: 4px; }
#emm-header .emm-toggle-icon span {
display: block; width: 20px; height: 1.5px; background: currentColor; transition: transform .2s, opacity .2s; }
#emm-header .emm-chk-nav:checked ~ .emm-toggle .emm-toggle-icon span:nth-child(1) {
transform: translateY(5.5px) rotate(45deg); }
#emm-header .emm-chk-nav:checked ~ .emm-toggle .emm-toggle-icon span:nth-child(2) {
opacity: 0; }
#emm-header .emm-chk-nav:checked ~ .emm-toggle .emm-toggle-icon span:nth-child(3) {
transform: translateY(-5.5px) rotate(-45deg); }
#emm-header .emm-bar {
display: none; flex-direction: column; align-items: stretch; gap: 0; border-top: 1px solid var(--emm-line); background: #fff; }
#emm-header .emm-chk-nav:checked ~ .emm-bar {
display: flex; }
#emm-header .emm-top, #emm-header .emm-item {
display: grid; grid-template-columns: 1fr auto; align-items: center; }
#emm-header .emm-top {
border-bottom: 1px solid var(--emm-line); }
#emm-header .emm-top-link {
padding: 14px 16px; }
#emm-header .emm .emm-top-arrow, #emm-header .emm .emm-chev {
display: none; }
#emm-header .emm-expand {
display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 44px;
		border: 0; background: none; color: inherit; cursor: pointer; padding: 0; }
#emm-header .emm-expand svg {
width: 12px; height: 12px; transition: transform .2s; }
#emm-header .emm-chk:checked ~ .emm-expand svg {
transform: rotate(180deg); }
#emm-header .emm-panel, #emm-header .emm-sub {
grid-column: 1 / -1; display: none; }
#emm-header .emm-panel {
background: #fafafa; }
#emm-header .emm-chk:checked ~ .emm-panel, #emm-header .emm-chk:checked ~ .emm-sub {
display: block; }
#emm-header .emm-media, #emm-header .emm-media--empty {
display: none; }
#emm-header .emm-sub {
padding-left: 14px; }
#emm-header .emm-link {
padding: 11px 16px; justify-content: flex-start; }
#emm-header .emm-layout-groups .emm-depth-2 > .emm-item > .emm-link {
font-weight: 600; text-transform: uppercase; }
}
@media (prefers-reduced-motion: reduce) {
#emm-header .emm *, #emm-header .emm-panel {
transition: none !important; animation: none !important; }
}
/* ---- No-JavaScript additions ---- */
#emm-header .emm-chk { display: none !important; }
#emm-header label.emm-toggle, #emm-header label.emm-expand { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
@media (min-width: 1025px) {
  /* panels span the full header width */
  #emm-header .emm, #emm-header .emm-bar { position: static; }
  #emm-header .emm-layout-dropdown .emm-panel { left: 50%; }
  /* stay open a moment after the mouse leaves, so small slips don't close the menu */
  #emm-header .emm-panel { transition: opacity .2s ease .25s, transform .2s ease .25s, visibility 0s linear .45s; }
  #emm-header .emm-top:hover > .emm-panel, #emm-header .emm-top:focus-within > .emm-panel { z-index: calc(var(--emm-z) + 1); transition: opacity .2s ease, transform .2s ease, visibility 0s linear 0s; }
  /* Men / Women / Premium: rows reach the edge of their column, so the mouse can slide straight into the next column */
  #emm-header .emm-layout-sidebar .emm-depth-2 { padding: 26px 0; }
  #emm-header .emm-layout-sidebar .emm-depth-2 > .emm-item > .emm-link { padding-left: 90px; padding-right: 46px; }
  #emm-header .emm-layout-sidebar .emm-sub { padding: 26px 0; }
  #emm-header .emm-layout-sidebar .emm-sub > .emm-item > .emm-link { padding-left: 34px; padding-right: 34px; }
  /* short hover delay so moving diagonally doesn't switch columns */
  #emm-header .emm-layout-sidebar .emm-sub { display: block; visibility: hidden; transition: visibility 0s linear .12s; }
  #emm-header .emm-layout-sidebar .emm-item:hover > .emm-sub, #emm-header .emm-layout-sidebar .emm-item:focus-within > .emm-sub { visibility: visible; z-index: 3; transition-delay: .08s; animation: none; }
}
/* ---- Same font as the header bar everywhere in the menu (theme can't override) ---- */
#emm-header .emm-top-link, #emm-header .emm-link, #emm-header .emm-label, #emm-header .emm-toggle {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important; font-style: normal;
}
/* ---- EYEWEAR dropdown: white panel, 4 columns, wide rounded image ---- */
@media (min-width: 1025px) {
  #emm-header .emm-eyewear > .emm-panel { background: #ffffff; }
  #emm-header .emm-eyewear .emm-panel-inner { max-width: none; margin: 0; padding: 0 clamp(24px, 3.9vw, 74px) 0 40px; align-items: flex-start; }
  #emm-header .emm-eyewear .emm-groups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 24px; padding: 25px 0 30px 0; }
  #emm-header .emm-eyewear .emm-groups > .emm-depth-2 > .emm-item + .emm-item { margin-top: 24px; }
  #emm-header .emm-eyewear .emm-depth-2 > .emm-item > .emm-link {
    padding: 0 0 10px; font-size: clamp(16px, 1.05vw, 20px); white-space: nowrap; font-weight: 500; letter-spacing: .02em; line-height: 1.35;
    text-transform: uppercase; color: #262626;
  }
  #emm-header .emm-eyewear .emm-depth-3 > .emm-item > .emm-link {
    padding: 5px 0; font-size: clamp(15px, .9vw, 17px); font-weight: 400; letter-spacing: .02em; line-height: 1.35; color: #5a5a5a;
  }
  #emm-header .emm-eyewear .emm-depth-3 > .emm-item:hover > .emm-link { color: #111111; }
  #emm-header .emm-eyewear .emm-media { padding: 25px 0 30px 24px; }
  #emm-header .emm-eyewear .emm-media-link { width: min(643px, 34vw); }
  #emm-header .emm-eyewear .emm-media-img { aspect-ratio: 643 / 411; height: auto; object-fit: cover; border-radius: 10px; }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #emm-header .emm-eyewear .emm-media-link { width: 28vw; }
}
/* ---- EXPLORE dropdown: 2 x 2 photo cards ---- */
#emm-header .emm-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#emm-header a.emm-card { position: relative; display: block; aspect-ratio: 352 / 234; overflow: hidden; border-radius: 14px; background: #2b2b2b; isolation: isolate; }
#emm-header .emm-card img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .45s ease; }
#emm-header .emm-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,20,20,.28) 0%, rgba(20,20,20,.5) 100%); transition: background .3s ease; }
#emm-header .emm-card-title {
  position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 0 12px; text-align: center;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important; font-size: 22px; font-weight: 500; letter-spacing: .02em; line-height: 1.2;
  text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
#emm-header a.emm-card:hover img, #emm-header a.emm-card:focus-visible img { transform: scale(1.05); }
#emm-header a.emm-card:hover::after, #emm-header a.emm-card:focus-visible::after { background: linear-gradient(180deg, rgba(20,20,20,.18) 0%, rgba(20,20,20,.42) 100%); }
@media (min-width: 1025px) {
  #emm-header .emm-explore { position: relative; }
  #emm-header .emm-explore > .emm-panel {
    left: auto; right: -40px; width: 740px; max-width: calc(100vw - 32px);
    background: #ffffff; border: 0; border-radius: 0 0 16px 16px; box-shadow: 0 24px 50px -18px rgba(0,0,0,.25);
  }
  #emm-header .emm-explore .emm-panel-inner { display: block; max-width: none; margin: 0; padding: 16px; }
}
@media (max-width: 1024px) {
  #emm-header .emm-cards { padding: 12px 16px 16px; }
  #emm-header .emm-card-title { font-size: 15px; }
}
/* ---- WoodMart: stretch the menu to the full screen width from inside the header container ---- */
#emm-header { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
html:has(#emm-header) body { overflow-x: clip; }
.whb-header .wd-header-text:has(#emm-header), .whb-column:has(#emm-header) { width: 100%; max-width: none; flex: 1 1 100%; padding: 0; }
/* WordPress may wrap the shortcode in empty paragraphs */
p:has(> #emm-header) { margin: 0; padding: 0; }
.wd-header-text p:empty, .elementor-shortcode p:empty { display: none; }