/* Header rules reused from the user's Flatsome Child CSS, scoped to this header.
   Classes nav-top-link/nav-dropdown/sc_mndanhmuc also match the supplied HTML. */
.az-np-header .menu-item img.ux-menu-icon,
.az-np-header .az-np-nav-icon img {
  background: white;
  padding: 5px;
  border-radius: 99px;
  margin-right: 0 !important;
}
.az-np-header .menu-item a.nav-top-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 2.4em !important;
  padding: 5px;
}
.az-np-header .header-nav-main li { margin-right: 14px; }
.az-np-header .header-nav-main li .menu-item { margin-right: 0; }
.az-np-header#header #masthead .nav > li.menu-item a { margin: 0 10px; }
.az-np-header#header #masthead .nav > li.menu-item { margin: 0; transition: all .5s; }
.az-np-header#header #masthead .nav > li.menu-item:hover { background: #bd0e0e; }
.az-np-header .nav-dropdown { border: none; padding: 0; }
.az-np-header .nav-dropdown-default { padding: 0; min-width: 230px !important; }
.az-np-header .nav-dropdown .menu-item > a,
.az-np-header .nav-dropdown li.menu-item a {
  font-weight: 500 !important;
  text-transform: none !important;
  font-size: 15px;
}
.az-np-header .nav-dropdown-default > li:hover { background: #f5f5f5; }
.az-np-header .nav-dropdown-default > li:hover > a,
.az-np-header .nav-dropdown .nav-dropdown-col > ul li:hover > a { color: #cd1818 !important; }
.az-np-header .nav-dropdown > li.nav-dropdown-col { display: block; width: 100%; border-right: 0; }
.az-np-header .nav-dropdown .nav-dropdown-col > ul {
  border: none;
  margin-top: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 9;
  background: #cd1818;
  min-width: 230px;
}
.az-np-header .nav-dropdown .nav-dropdown-col > ul li a { padding: 10px; text-transform: none; color: #0386d2; }
.az-np-header .nav-dropdown .nav-dropdown-col > ul li:hover { background: white; }
.az-np-header .sc_mndanhmuc::-webkit-scrollbar-thumb {
  border-radius: .3rem;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, red, rgba(255,255,255,0) 95%);
}
.az-np-header .sc_mndanhmuc::-webkit-scrollbar { width: 5px; cursor: pointer; background-color: #fff; }
.az-np-header .title-cat-dm {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #cd1818;
  cursor: pointer;
  transition: all .5s;
  margin-bottom: 5px;
}
.az-np-header#header #masthead .sc_mndanhmuc .ux-menu-link__link {
  border-bottom-style: none;
  padding: 0;
  min-height: 25px;
  color: #777;
}
.az-np-header#header #masthead .sc_mndanhmuc .ux-menu-link__link:hover { color: #cd1818; }

/* Supply the layout primitives that Flatsome used to provide. */
.az-np .az-np-header__navigation { display: contents; }
.az-np .az-np-primary .az-np-menu > li > a { gap: 0; min-height: 0; font-size: 15px; }
.az-np .az-np-menu .az-np-nav-icon { width: 40px; height: 40px; flex-basis: 40px; }
.az-np .az-np-menu .az-np-nav-icon img { width: 35px; height: 35px; }
.az-np .az-np-menu .az-np-nav-icon--large img { width: 40px; height: 40px; }
.az-np .az-np-menu .sub-menu li { position: relative; margin: 0; list-style: none; }
.az-np .az-np-menu .sub-menu a { white-space: normal; overflow-wrap: anywhere; }
.az-np .az-np-menu .sub-menu li > a { padding: 10px; }
.az-np .az-np-menu li.is-submenu-open > .sub-menu { display: block; }
.az-np .az-np-submenu-toggle { position: absolute; right: 0; top: 0; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; color: inherit; background: transparent; }
.az-np .az-np-submenu-toggle[aria-expanded="true"] span { display: inline-block; transform: rotate(180deg); }
.az-np .az-np-menu .sub-menu .az-np-submenu-toggle { color: #333; }
.az-np .az-np-menu-icon .az-np-menu-close { display: none; }
.az-np .az-np-categories[open] .az-np-menu-icon { background: #005ab5; }
.az-np .az-np-categories[open] .az-np-menu-icon svg { display: none; }
.az-np .az-np-categories[open] .az-np-menu-icon .az-np-menu-close { display: block; }
.az-np .az-np-mega { display: block; width: min(1120px, 100%); padding: 0; max-height: none; }
/* The category popup reproduces the supplied section/row/column UX Block. */
.az-np .az-np-category-block { margin: 0; padding: 24px 30px 30px; max-height: min(85vh, var(--np-category-available-height, calc(100dvh - 156px))); overflow-y: auto; background: #fff; text-align: left; }
.az-np .az-np-category-block .row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 24px; width: auto; max-width: none; margin: 0; padding: 0; align-items: start; }
.az-np .az-np-category-block .col { width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; flex-basis: auto; }
.az-np .az-np-category-block .title-cat-dm { margin: 0 0 8px; color: #ed1c24; font: 600 16px/22px Arial, Helvetica, sans-serif; cursor: default; }
.az-np .az-np-category-block .title-cat-dm p { margin: 0; }
.az-np .az-np-category-block .title-cat-dm strong { font-weight: 600; }
.az-np .az-np-category-block .img { margin: 0 0 14px; width: 100%; }
.az-np .az-np-category-block .img-inner { overflow: hidden; }
.az-np .az-np-category-block .img img { display: block; width: 100%; height: auto; aspect-ratio: 600 / 314; object-fit: contain; }
.az-np .az-np-category-block .ux-menu { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; }
.az-np .az-np-category-block .ux-menu-link { margin: 0; padding: 0; border: 0; }
.az-np-header#header #masthead .az-np-category-block .ux-menu-link__link { display: block; min-height: 31px; margin: 0; padding: 0; border: 0; font: 400 16px/31px Arial, Helvetica, sans-serif; color: #777; text-transform: none; letter-spacing: normal; }
.az-np .az-np-category-block .ux-menu-link__text { transition: color .5s; }
.az-np-header#header #masthead .az-np-category-block .ux-menu-link__link:is(:hover, :focus-visible) { color: #cd1818; }
@media (min-width: 1101px) {
  /* Anchor the popup to the navigation span, from Categories through Cart. */
  .az-np .az-np-header__navigation { position: relative; display: flex; flex: 1; align-items: center; min-width: 0; }
  .az-np .az-np-mega { width: auto; overflow: visible; }
  /* Keep all eight groups inside the viewport; banners take the remaining space. */
  .az-np .az-np-category-block { --np-menu-height: min(680px, var(--np-category-available-height, calc(100dvh - 156px))); height: var(--np-menu-height); max-height: none; overflow: visible; padding: 16px 24px; }
  .az-np .az-np-category-block > .section-content { height: 100%; min-height: 0; }
  .az-np .az-np-category-block .row { height: 100%; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 18px 24px; align-items: stretch; }
  .az-np .az-np-category-block .col-inner { height: 100%; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 8px; }
  .az-np .az-np-category-block .title-cat-dm { margin: 0; font-size: 14px; line-height: 20px; }
  .az-np .az-np-category-block .img { min-height: 0; height: 100%; margin: 0; }
  .az-np .az-np-category-block .img-inner { height: 100%; }
  .az-np .az-np-category-block .img img { height: 100%; aspect-ratio: auto; object-position: left center; }
  .az-np-header#header #masthead .az-np-category-block .ux-menu-link__link { min-height: 0; font-size: clamp(14px, calc(var(--np-menu-height) / 42), 16px); line-height: clamp(20px, calc(var(--np-menu-height) / 25), 28px); }
  .az-np .az-np-menu .sub-menu .sub-menu { top: 0; left: 100%; }
  .az-np .az-np-menu .sub-menu .sub-menu.az-np-submenu-left { left: auto; right: 100%; }
  .az-np .az-np-menu .sub-menu.az-np-submenu-align-right { left: auto; right: 0; }
  .az-np .az-np-menu li[data-np-submenu-ready]:not(.is-submenu-open) > .sub-menu { display: none; }
}
@media (min-width: 1101px) and (max-width: 1365px) {
  /* Leave room for Search and Cart just above the mobile menu breakpoint. */
  .az-np-header#header #masthead .az-np-primary .nav > li.menu-item > a { margin-inline: 0; padding-inline: 3px; }
}
@media (min-width: 1101px) and (max-width: 1280px) {
  .az-np .az-np-category-block { padding-inline: 18px; }
  .az-np .az-np-category-block .row { column-gap: 18px; }
  .az-np .az-np-category-block .title-cat-dm { font-size: 12px; line-height: 18px; }
  .az-np-header#header #masthead .az-np-category-block .ux-menu-link__link { font-size: 12px; }
}
@media (min-width: 1101px) and (max-height: 560px) {
  .az-np .az-np-category-block { padding-block: 10px; }
  .az-np .az-np-category-block .row { row-gap: 12px; }
  .az-np .az-np-category-block .col-inner { gap: 6px; }
  .az-np .az-np-category-block .title-cat-dm { font-size: 12px; line-height: 18px; }
  .az-np-header#header #masthead .az-np-category-block .ux-menu-link__link { font-size: 12px; line-height: 18px; }
}
@media (max-width: 1100px) {
  .az-np-header#header #masthead .az-np-categories { display: none; }
  .az-np .az-np-header__actions { margin-left: auto; gap: 8px; }
  .az-np-header#header #masthead .az-np-header__actions > :is(.az-np-search-toggle, .az-cart),
  .az-np-header#header #masthead .az-np-mobile > summary { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 9px; background: transparent; color: #fff; }
  .az-np-header#header #masthead .az-np-mobile > summary { border: 1px solid #ffffff70; cursor: pointer; }
  .az-np-header#header #masthead .az-np-mobile[open] > summary { background: #fff; color: #cd1818; }
  .az-np .az-np-mobile[open] > summary svg { display: none; }
  .az-np .az-np-mobile[open] > summary::after { content: '\00d7'; font: 30px/1 Arial, sans-serif; }
  html.az-np-mobile-menu-open, html.az-np-mobile-menu-open body { overflow: hidden; overscroll-behavior: none; }
  html.az-np-mobile-menu-open, html.az-np-mobile-menu-restoring { overflow-anchor: none; }
  html.az-np-mobile-menu-restoring { scroll-behavior: auto !important; }
  html.az-np-mobile-menu-open body { position: fixed; top: var(--np-mobile-menu-scroll-top, 0px); left: 0; right: 0; width: 100%; }
  html.az-np-mobile-menu-open .az-np-header#header { position: fixed; top: var(--np-mobile-menu-header-top, 0px); left: 0; right: 0; width: 100%; }
  .az-np .az-np-mobile > nav { position: fixed; inset: var(--np-mobile-menu-top, 93px) 0 0; width: 100%; max-height: none; padding: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
  .az-np .az-np-mobile__search { padding: 32px 20px 18px; border-bottom: 1px solid #f0f0f0; }
  .az-np .az-np-mobile__search-form { display: flex; align-items: center; min-width: 0; height: 40px; margin: 0; border: 1px solid #e9e9e9; border-radius: 5px; background: #fff; }
  .az-np .az-np-mobile__search-form input[type="search"] { flex: 1; min-width: 0; width: 100%; height: 38px; margin: 0; padding: 0 9px; border: 0; border-radius: 5px; background: transparent; box-shadow: none; color: #222; font: 11px/1.4 Arial, sans-serif; }
  .az-np-header#header #masthead .az-np-mobile__search-form button { display: grid; place-items: center; flex: 0 0 40px; width: 40px; min-height: 38px; margin: 0; padding: 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #cd1818; }
  .az-np .az-np-mobile__search-form button svg { width: 22px; height: 22px; }
  .az-np-header#header #masthead .az-np-mobile .az-np-menu > li > a.nav-top-link { min-height: 54px; margin: 0; padding: 16px 20px; border-bottom: 1px solid #f0f0f0; border-radius: 0; color: #111; font-size: 15px; font-weight: 400; line-height: 1.4 !important; white-space: normal; text-transform: uppercase; letter-spacing: 0; }
  .az-np .az-np-mobile .az-np-nav-icon { display: none; }
  .az-np-header#header #masthead .az-np-mobile .az-np-menu a:is(:hover, :focus-visible) { background: #fff1f1; color: #cd1818; }
  .az-np .az-np-mobile .az-np-mobile__account { min-height: 54px; margin: 0; padding: 16px 20px; border-top: 0; border-bottom: 1px solid #f0f0f0; color: #111; font-size: 15px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
  .az-np .az-np-category-block { padding: 20px; }
  .az-np .az-np-category-block .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .az-np-header#header #masthead .az-np-mobile .nav > li.menu-item:hover { background: transparent; }
  .az-np .az-np-mobile .az-np-menu { display: block; }
  .az-np .az-np-mobile .az-np-menu > li > a.nav-top-link { flex-direction: row; justify-content: flex-start; gap: 12px; line-height: 1.5 !important; }
  .az-np .az-np-mobile .az-np-menu .sub-menu { position: static; margin: 0; padding: 0 0 0 18px; min-width: 0 !important; background: #fff; box-shadow: none; }
  .az-np .az-np-mobile .az-np-menu li[data-np-submenu-ready]:not(.is-submenu-open) > .sub-menu { display: none; }
  .az-np .az-np-mobile .az-np-submenu-toggle { top: 8px; width: 36px; height: 36px; color: #333; }
  .az-np .az-np-mobile .az-np-menu li:has(> .az-np-submenu-toggle) > a { padding-right: 42px; }
}
@media (max-width: 600px) {
  .az-np .az-np-header__actions { gap: 4px; }
  .az-np .az-np-category-block { padding: 16px; }
  .az-np .az-np-category-block .title-cat-dm { min-height: 40px; font-size: 13px; line-height: 20px; }
  .az-np-header#header #masthead .az-np-category-block .ux-menu-link__link { font-size: 13px; line-height: 23px; min-height: 28px; }
}
@media (max-width: 359px) {
  .az-np .az-np-logo { flex-basis: 130px; }
  .az-np .az-np-logo img { width: 130px; }
}
@media (min-width: 1101px) and (max-width: 1500px) { .az-np .az-np-primary .az-np-menu > li > a { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .az-np-header#header #masthead .nav > li.menu-item, .az-np-header .title-cat-dm { transition: none; } }
