/** Shopify CDN: Minification failed

Line 192:0 Expected "}" to go with "{"

**/
/* ===== Rainpour / Ecommax — ultra-compact top header + larger logo ===== */

/* Scope to header section too, in case theme clones rows */
header, #shopify-section-header { --rowH: 36px; }

/* Top header row (logo + menu + icons) */
.header-main,
.header-middle,
#shopify-section-header .header-main,
#shopify-section-header .header-middle {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  min-height: 0 !important;
}

/* Columns inside the row */
.header-main .container > .row > [class*="col-"],
.header-middle .container > .row > [class*="col-"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep row tight and vertically centered */
.header-main .container > .row,
.header-middle .container > .row {
  align-items: center !important;
  gap: 0 !important;
  min-height: var(--rowH) !important;   /* 36px; raise to 40–44 if needed */
}

/* Bigger logo but still fits the short row */
.logo, .site-header__logo, .header__heading {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--rowH) !important;
}
.logo img, 
.site-header__logo img, 
.header__heading-logo {
  max-height: 28px !important;   /* keeps container short */
  height: auto !important;
  width: auto !important;
  transform: scale(2.4) translateY(2px) !important; /* much bigger logo */
  transform-origin: left center !important;
  overflow: visible !important; /* allow logo to bleed out of container */
}

/* Menu link spacing */
.nov-menu > ul > li > a,
.site-nav > li > a,
.main-menu > li > a {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

/* Right-side icons/buttons */
.header-icons a,
.header-icons .btn,
.header__icons a,
.header__icons .btn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.1 !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Sticky clone shouldn’t re-expand */
.is-sticky .header-main,
.is-sticky .header-middle {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  min-height: 0 !important;
}

/* Optional: compact the search row too */
.header-bottom .search,
.header-bottom .search input {
  height: 34px !important;
  line-height: 34px !important;
  padding: 4px 10px !important;
}

/* Remove space above first section after header */
.template-index .main-content,
.main-content { padding-top: 0 !important; }
/* ==== Rainpour / Ecommax — ultra-compact header, tighter gaps ==== */

/* shorter row baseline */
header, #shopify-section-header { --rowH: 32px; }

/* TOP ROW (logo + menu + icons) */
.header-main,
.header-middle,
#shopify-section-header .header-main,
#shopify-section-header .header-middle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;        /* kill gap under top row */
  min-height: 0 !important;
}

/* kill inner container/row padding that re-adds height */
.header-main .container, .header-middle .container,
.header-main .row,       .header-middle .row {
  padding-top: 0 !important; padding-bottom: 0 !important;
  margin-top: 0 !important;  margin-bottom: 0 !important;
  align-items: center !important;
  min-height: var(--rowH) !important;
}

/* Bigger logo but keep header short (visual scale only) */
.logo, .site-header__logo, .header__heading {
  display: flex !important; align-items: center !important;
  min-height: var(--rowH) !important; margin: 0 !important; padding: 0 !important;
}
.logo img, .site-header__logo img, .header__heading-logo {
  max-height: 28px !important;          /* layout box small */
  height: auto !important; width: auto !important;
  transform: scale(1.25) translateY(1px);/* bump until you like it */
  transform-origin: left center;
}

/* Menu + icons tight */
.nov-menu > ul > li > a, .site-nav > li > a, .main-menu > li > a {
  padding-top: 2px !important; padding-bottom: 2px !important;
  line-height: 1.15 !important; margin: 0 !important;
}
.header-icons a, .header-icons .btn, .header__icons a, .header__icons .btn {
  height: 26px !important; padding: 0 !important; displa
/* Center header menu */
header.site-header .header-middle .container>.row {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
}
header.site-header .header-middle .container>.row > div:nth-child(2) {
  justify-self: center !important;
  text-align: center !important;
}
header.site-header nav,
header.site-header .nov-menu {
  margin: 0 auto !important;
  display: inline-flex !important;
}
header.site-header .header-contact {
  margin-left: auto !important;
  justify-content: flex-end !important;
}
html{outline:2px solid transparent!important}
/* Hide Hot Searches (keep if you already did this) */
.search_hot_key,.search_trend-title,.list-item.d-flex{display:none!important}

/* Keep right-side badges on the right */
[id*="nov-header"] .header-contact{margin-left:auto!important;justify-content:flex-end!important}

/* Force a 3-column row: logo | menu | icons */
[id*="nov-header"] .header-middle .container>.row,
.sticky-header [id*="nov-header"] .header-middle .container>.row{
  display:flex!important;align-items:center!important
}

/* Give left & right columns flex so middle can center */
[id*="nov-header"] .header-middle .container>.row>div:first-child,
[id*="nov-header"] .header-middle .container>.row>div:last-child{
  flex:1 1 0!important
}

/* Center the middle column (menu container) */
[id*="nov-header"] .header-middle .container>.row>div:nth-child(2){
  flex:0 0 auto!important;display:flex!important;justify-content:center!important;text-align:center!important
}

/* Make the actual menu line up and stay centered */
[id*="nov-header"] .nov-menu>ul,
[id*="nov-header"] nav ul{
  display:inline-flex!important;gap:28px!important;margin:0 auto!important
}