body #masthead,
body #masthead.site-header {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.iac-modern-header {
--iac-modern-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.90), rgba(2, 12, 12, 0.84));
--iac-modern-panel: #111715;
--iac-modern-text: #f4f7f6;
--iac-modern-muted: rgba(244, 247, 246, 0.70);
--iac-modern-line: rgba(244, 247, 246, 0.14);
--iac-modern-gold: #5eead4;
--iac-modern-teal: #23d0bd;
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: 99990;
background: var(--iac-modern-bg);
border-bottom: 1px solid var(--iac-modern-line);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.24);
backdrop-filter: blur(18px) saturate(1.08);
}
html body #iac-ann-bar {
position: relative !important;
min-height: 42px !important;
height: 42px !important;
padding: 0 48px 0 18px !important;
background:
linear-gradient(90deg, rgba(0,0,0,0.94), rgba(3,34,31,0.86) 34%, rgba(28,14,40,0.84) 68%, rgba(0,0,0,0.94)) !important;
border-bottom: 1px solid rgba(16,234,210,0.26) !important;
box-shadow: 0 10px 34px rgba(0,0,0,0.46), inset 0 -1px 0 rgba(255,255,255,0.06) !important;
color: rgba(244,247,246,0.92) !important;
z-index: 10001 !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html body #iac-ann-track {
height: 100% !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html body .iac-ann-slide {
position: relative !important;
font-size: 13px !important;
font-weight: 750 !important;
color: rgba(244,247,246,0.92) !important;
text-shadow: 0 0 18px rgba(16,234,210,0.18) !important;
}
html body .iac-ann-slide:first-child {
display: block !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
html body .iac-ann-slide:not(:first-child):not(.iac-ann-active) {
display: none !important;
}
html body #iac-ann-bar strong,
html body #iac-ann-bar code,
html body .iac-ann-icon {
color: #34fff0 !important;
}
html body #iac-ann-bar code {
background: rgba(16,234,210,0.14) !important;
border: 1px solid rgba(16,234,210,0.22) !important;
color: #34fff0 !important;
}
html body #iac-ann-close {
width: 42px !important;
height: 42px !important;
background: rgba(16,234,210,0.88) !important;
color: #031110 !important;
font-weight: 900 !important;
}
html body.admin-bar .iac-modern-header {
top: 0 !important;
}
html body .iac-modern-header {
margin-top: 0 !important;
}
.iac-modern-header,
.iac-modern-header * {
box-sizing: border-box;
}
.iac-modern-header__bar {
width: min(calc(100% - 48px), 1520px);
min-height: 86px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(230px, auto) minmax(0, 1fr) auto;
align-items: center;
gap: clamp(22px, 3vw, 48px);
}
.iac-modern-header__brand {
display: inline-flex;
align-items: center;
min-width: 0;
position: relative;
text-decoration: none !important;
}
.iac-modern-header__brand img {
display: block;
width: auto;
max-width: 292px;
max-height: 64px;
object-fit: contain;
filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(16,234,210,0.32));
opacity: 1;
}
.iac-modern-header__brand-draw {
position: absolute;
inset: 50% auto auto 0;
width: min(292px, 100%);
height: 66px;
transform: translateY(-50%);
overflow: visible;
pointer-events: none;
opacity: 0;
}
.iac-modern-header__brand.is-drawing img {
animation: iacLogoBaseFade 1800ms ease forwards;
}
.iac-modern-header__brand.is-drawing .iac-modern-header__brand-draw {
opacity: 1;
}
.iac-logo-draw-line {
fill: none;
stroke: #ffffff;
stroke-width: 4.2;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.55)) drop-shadow(0 0 12px rgba(20, 184, 166, 0.28));
}
@keyframes iacLogoBaseFade {
0% {
opacity: 0.18;
filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,0.62));
}
62% {
opacity: 0.42;
}
100% {
opacity: 1;
filter: brightness(0) invert(1);
}
}
.iac-modern-header__brand span {
color: var(--iac-modern-text);
font-size: 28px;
font-weight: 900;
letter-spacing: 0;
}
.iac-modern-header__nav {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(14px, 2vw, 30px);
min-width: 0;
}
.iac-modern-header__nav a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 42px;
color: rgba(244, 247, 246, 0.88) !important;
font-size: 12px;
font-weight: 850;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
text-decoration: none !important;
white-space: nowrap;
transition: color 160ms ease;
}
.iac-modern-header__nav a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 4px;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, var(--iac-modern-teal), var(--iac-modern-gold));
transform: scaleX(0);
transform-origin: center;
transition: transform 180ms ease;
}
.iac-modern-header__nav a:hover,
.iac-modern-header__nav a:focus {
color: var(--iac-modern-text) !important;
}
.iac-modern-header__nav a:hover::after,
.iac-modern-header__nav a:focus::after {
transform: scaleX(1);
}
.iac-modern-header__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.iac-modern-header__shop {
position: relative;
display: inline-flex;
align-items: center;
z-index: 1002;
}
.iac-modern-header__shop-link {
gap: 6px;
}
.iac-modern-header__shop-link svg {
width: 14px;
height: 14px;
stroke-width: 2.4;
transition: transform 160ms ease;
}
.iac-modern-header__shop:hover .iac-modern-header__shop-link svg,
.iac-modern-header__shop:focus-within .iac-modern-header__shop-link svg,
.iac-modern-header__shop.is-open .iac-modern-header__shop-link svg {
transform: rotate(180deg);
}
.iac-modern-header__mega {
position: absolute;
left: 50%;
top: calc(100% + 16px);
width: min(1100px, calc(100vw - 48px));
max-height: min(70vh, 620px);
overflow-y: auto;
padding: 18px;
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate(-50%, 8px);
border: 1px solid rgba(244, 247, 246, 0.16);
border-radius: 10px;
background: rgba(17, 23, 21, 0.98);
box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
backdrop-filter: blur(18px) saturate(1.08);
transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
z-index: 1001;
}
.iac-modern-header__mega::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -18px;
height: 18px;
z-index: 2;
pointer-events: auto;
}
.iac-modern-header__shop:hover .iac-modern-header__mega,
.iac-modern-header__shop:focus-within .iac-modern-header__mega,
.iac-modern-header__shop.is-open .iac-modern-header__mega {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(-50%, 0);
}
.iac-modern-header__mega-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 2px 2px 14px;
border-bottom: 1px solid rgba(244, 247, 246, 0.10);
margin-bottom: 14px;
}
.iac-modern-header__mega-head span {
color: var(--iac-modern-text);
font-size: 15px;
font-weight: 900;
}
.iac-modern-header__mega-head a {
min-height: 0;
color: var(--iac-modern-gold) !important;
font-size: 12px;
}
.iac-modern-header__mega-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
}
.iac-modern-header__mega-actions a:first-child {
color: var(--iac-modern-teal) !important;
}
.iac-modern-header__mega-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
}
.iac-modern-header__mega-card {
min-height: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
align-items: center !important;
gap: 4px !important;
padding: 11px 12px !important;
border: 1px solid rgba(244, 247, 246, 0.10) !important;
border-radius: 8px !important;
background: rgba(244, 247, 246, 0.055) !important;
text-transform: none !important;
white-space: normal !important;
}
.iac-modern-header__mega-card::after {
display: none !important;
}
.iac-modern-header__mega-card:hover,
.iac-modern-header__mega-card:focus {
background: rgba(94, 234, 212, 0.12) !important;
border-color: rgba(94, 234, 212, 0.32) !important;
}
.iac-modern-header__mega-card strong {
min-width: 0;
color: var(--iac-modern-text);
font-size: 13px;
font-weight: 850;
line-height: 1.18;
overflow-wrap: anywhere;
}
.iac-modern-header__mega-card small {
color: rgba(244, 247, 246, 0.58);
font-size: 11px;
font-weight: 700;
}
.iac-modern-header__search {
width: min(17vw, 230px);
min-width: 180px;
height: 42px;
display: flex;
align-items: center;
overflow: hidden;
border: 1px solid var(--iac-modern-line);
border-radius: 999px;
background: rgba(244, 247, 246, 0.12);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
.iac-modern-header__search input[type="search"] {
width: 100%;
min-width: 0;
height: 100%;
padding: 0 0 0 16px;
border: 0;
outline: 0;
background: transparent;
color: #ffffff;
font-size: 13px;
}
.iac-modern-header__search input[type="search"]::placeholder {
color: rgba(244, 247, 246, 0.72);
}
.iac-modern-header__search button,
.iac-modern-header__search-toggle,
.iac-modern-header__icon,
.iac-modern-header__menu-button {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
border: 1px solid var(--iac-modern-line);
border-radius: 999px;
background: rgba(244, 247, 246, 0.06);
color: var(--iac-modern-text) !important;
text-decoration: none !important;
box-shadow: none;
cursor: pointer;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.iac-modern-header__search button {
border: 0;
background: linear-gradient(135deg, #10ead2, #23d0bd);
color: #031110 !important;
}
.iac-modern-header__search-toggle {
display: none;
}
.iac-modern-header__search button:hover,
.iac-modern-header__icon:hover,
.iac-modern-header__menu-button:hover {
border-color: rgba(94, 234, 212, 0.52);
background: rgba(94, 234, 212, 0.13);
transform: translateY(-1px);
}
.iac-modern-header svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 2.15;
stroke-linecap: round;
stroke-linejoin: round;
}
.iac-modern-header__cart {
position: relative;
}
.iac-modern-header__cart span {
position: absolute;
right: -5px;
top: -6px;
min-width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 5px;
border-radius: 999px;
background: var(--iac-modern-gold);
color: #111715;
font-size: 11px;
font-weight: 900;
line-height: 1;
}
.iac-modern-header__menu-button {
display: none;
flex-direction: column;
gap: 5px;
padding: 0;
}
.iac-modern-header__menu-button span {
width: 18px;
height: 2px;
display: block;
border-radius: 2px;
background: var(--iac-modern-text);
}
.iac-modern-header__drawer {
display: none;
}
.iac-modern-header__search-panel {
display: none;
padding: 0 24px 16px;
}
.iac-modern-header.is-search-open .iac-modern-header__search-panel {
display: block;
}
.iac-modern-header__search-panel form {
width: min(100%, 760px);
height: 48px;
margin: 0 auto;
display: flex;
overflow: hidden;
border: 1px solid rgba(94, 234, 212, 0.38);
border-radius: 999px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}
.iac-modern-header__search-panel input[type="search"] {
min-width: 0;
flex: 1 1 auto;
height: 100%;
padding: 0 18px;
border: 0;
outline: 0;
background: transparent;
color: #111715;
font-size: 16px;
}
.iac-modern-header__search-panel button {
min-width: 112px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 0 auto;
padding: 0 18px;
border: 0;
border-radius: 0;
background: linear-gradient(135deg, #10ead2, #23d0bd);
color: #031110;
font-size: 13px;
font-weight: 850;
cursor: pointer;
}
.iac-modern-header__search-panel button svg {
width: 18px;
height: 18px;
}
@media (max-width: 1680px) and (min-width: 1181px) {
.iac-modern-header__bar {
width: min(calc(100% - 32px), 1480px);
grid-template-columns: minmax(210px, 240px) minmax(0, 1fr) auto;
gap: 16px;
}
.iac-modern-header__brand img {
max-width: 240px;
}
.iac-modern-header__nav {
gap: clamp(10px, 1.05vw, 16px);
}
.iac-modern-header__nav a {
font-size: 11px;
}
.iac-modern-header__actions {
gap: 8px;
}
.iac-modern-header__search {
display: none;
}
.iac-modern-header__search-toggle {
display: inline-flex;
}
}
@media (max-width: 1500px) and (min-width: 1181px) {
.iac-modern-header__bar {
grid-template-columns: minmax(200px, 224px) minmax(0, 1fr) auto;
gap: 14px;
}
.iac-modern-header__brand img {
max-width: 224px;
}
.iac-modern-header__search {
display: none;
}
}
@media (max-width: 1220px) {
.iac-modern-header__bar {
grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto;
gap: 22px;
}
.iac-modern-header__brand img {
max-width: 230px;
}
.iac-modern-header__nav {
gap: 16px;
}
.iac-modern-header__search {
display: none;
}
}
@media (max-width: 1180px) {
.iac-modern-header__bar {
width: calc(100% - 28px);
min-height: 72px;
grid-template-columns: minmax(0, 1fr) auto;
gap: 14px;
}
.iac-modern-header__brand img {
max-width: 216px;
max-height: 52px;
}
.iac-modern-header__nav,
.iac-modern-header__account,
.iac-modern-header__search {
display: none;
}
.iac-modern-header__search-toggle {
display: inline-flex;
}
.iac-modern-header__menu-button {
display: inline-flex;
}
.iac-modern-header__drawer {
width: calc(100% - 28px);
margin: 0 auto;
padding: 0 0 14px;
}
.iac-modern-header.is-open .iac-modern-header__drawer {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
}
.iac-modern-header__drawer a {
min-height: 44px;
display: flex;
align-items: center;
padding: 0 14px;
border-radius: 8px;
color: var(--iac-modern-text) !important;
background: rgba(244, 247, 246, 0.055);
font-size: 13px;
font-weight: 850;
text-transform: uppercase;
text-decoration: none !important;
}
.iac-modern-header__drawer a:hover,
.iac-modern-header__drawer a:focus {
background: rgba(94, 234, 212, 0.14);
color: var(--iac-modern-gold) !important;
}
.iac-modern-header__drawer .iac-modern-header__drawer-cta {
justify-content: center;
margin-top: 6px;
background: linear-gradient(135deg, var(--iac-modern-teal), var(--iac-modern-gold));
color: #0b0907 !important;
}
.iac-modern-header__drawer-label {
margin-top: 8px;
padding: 8px 4px 2px;
color: var(--iac-modern-gold);
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
}
}
@media (max-width: 1040px) {
.iac-modern-header__mega-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
html body #iac-ann-bar {
min-height: 52px !important;
height: auto !important;
padding: 7px 42px 7px 12px !important;
}
html body #iac-ann-track {
overflow: visible !important;
}
html body .iac-ann-slide {
width: 100% !important;
font-size: 11px !important;
line-height: 1.28 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
html body #iac-ann-bar code {
padding: 1px 4px !important;
font-size: 10px !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
html body .iac-ann-slide:first-child {
font-size: 0 !important;
text-align: center !important;
}
html body .iac-ann-slide:first-child::before {
content: "New accounts: 10% off your first order";
display: block;
color: rgba(244,247,246,0.95);
font-size: 11px;
font-weight: 850;
line-height: 1.25;
}
html body .iac-ann-slide:first-child::after {
content: "Use code WELCOME10 at checkout";
display: block;
color: #34fff0;
font-size: 11px;
font-weight: 850;
line-height: 1.25;
}
html body #iac-ann-close {
width: 38px !important;
height: 100% !important;
}
.iac-modern-header__bar {
width: calc(100% - 28px);
min-height: 72px;
grid-template-columns: minmax(0, 1fr) auto;
}
.iac-modern-header__brand img {
max-width: 216px;
max-height: 52px;
}
.iac-modern-header__nav,
.iac-modern-header__account {
display: none;
}
.iac-modern-header__menu-button {
display: inline-flex;
}
.iac-modern-header__drawer {
width: calc(100% - 28px);
margin: 0 auto;
padding: 0 0 14px;
}
.iac-modern-header.is-open .iac-modern-header__drawer {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
}
.iac-modern-header__drawer a {
min-height: 44px;
display: flex;
align-items: center;
padding: 0 14px;
border-radius: 8px;
color: var(--iac-modern-text) !important;
background: rgba(244, 247, 246, 0.055);
font-size: 13px;
font-weight: 850;
text-transform: uppercase;
text-decoration: none !important;
}
.iac-modern-header__drawer a:hover,
.iac-modern-header__drawer a:focus {
background: rgba(94, 234, 212, 0.14);
color: var(--iac-modern-gold) !important;
}
.iac-modern-header__drawer .iac-modern-header__drawer-cta {
justify-content: center;
margin-top: 6px;
background: linear-gradient(135deg, var(--iac-modern-teal), var(--iac-modern-gold));
color: #0b0907 !important;
}
.iac-modern-header__drawer-label {
margin-top: 8px;
padding: 8px 4px 2px;
color: var(--iac-modern-gold);
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
}
}
@media (max-width: 480px) {
.iac-modern-header__bar {
width: calc(100% - 22px);
gap: 10px;
position: relative;
}
.iac-modern-header__brand img {
max-width: 172px;
}
.iac-modern-header__actions {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
gap: 6px;
}
.iac-modern-header__cart {
display: none !important;
}
.iac-modern-header__icon,
.iac-modern-header__search-toggle,
.iac-modern-header__menu-button {
width: 35px;
height: 35px;
flex-basis: 35px;
}
.iac-modern-header__search-panel {
padding: 0 11px 12px;
}
.iac-modern-header__search-panel button {
min-width: 48px;
width: 48px;
padding: 0;
}
.iac-modern-header__search-panel button span {
display: none;
}
}