/* Sub-page header: copy index.html x-header layout (Shopify Impact container + grid). */
#rl-header.shopify-section--header,
#rl-header{
  --header-is-sticky:1;
  --header-grid:"primary-nav logo secondary-nav"/minmax(0,1fr) auto minmax(0,1fr);
  --header-padding-block:1rem;
  --header-transparent-header-text-color:0 0 0;
  --header-separation-border-color:255 255 255/0.15;
  --container-gutter:1.25rem;
  --container-xl-max-width:85rem;
  --container-max-width:100%;
  position:sticky;
  top:0;
  z-index:50;
  display:block;
  width:100%;
  color:#fff;
  font-family:Inter,Arial,Helvetica,sans-serif;
}
@media screen and (min-width:700px){
  #rl-header{
    --header-padding-block:1.2rem;
    --container-gutter:2rem;
  }
}
@media screen and (min-width:1000px){
  #rl-header{
    --header-grid:"logo primary-nav secondary-nav"/auto minmax(0,1fr) auto;
  }
}
#rl-header .header-wrapper.color-scheme,
#rl-header .color-scheme--scheme-3{
  --accent:255 255 255;
  --text-color:255 255 255;
  --background:28 28 28/1.0;
  --background-without-opacity:28 28 28;
  --border-color:62 62 62;
  background-color:#1c1c1c;
  color:#fff;
}
#rl-header height-observer,
height-observer{
  display:block;
  width:100%;
}
#rl-header .header-wrapper{
  box-shadow:inset 0 -1px rgb(255 255 255 / .15);
  width:100%;
}
#rl-header .container{
  --distance-to-bleed:max(var(--container-gutter),50% - var(--container-max-width)/2);
  margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width)/2);
  margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width)/2);
}
#rl-header .container--xl{
  --container-max-width:var(--container-xl-max-width);
}
#rl-header x-header,
#rl-header x-header.header,
#rl-header .header{
  display:grid;
  grid:var(--header-grid);
  justify-content:center;
  align-items:center;
  column-gap:1.25rem;
  row-gap:var(--header-padding-block);
  padding-block:var(--header-padding-block);
  padding-inline:0;
  max-width:none;
  width:auto;
  position:relative;
  box-sizing:border-box;
}
@media screen and (min-width:700px){
  #rl-header x-header.header,
  #rl-header .header{column-gap:2.5rem}
}
#rl-header .contents{display:contents}
#rl-header .unstyled-list{margin:0;padding:0;list-style:none}
#rl-header .block{display:block}
#rl-header .header__logo,
#rl-header .header__logo.rentlizen-text-logo,
#rl-header a.rentlizen-text-logo{
  grid-area:logo;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  text-decoration:none !important;
  color:#fff;
  --header-logo-width:auto;
}
#rl-header .rentlizen-logo-text{
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-weight:800;
  font-size:3rem;
  line-height:1;
  letter-spacing:-0.03em;
  color:#fff;
  white-space:nowrap;
}
#rl-header .header__primary-nav{
  display:flex;
  flex-wrap:wrap;
  grid-area:primary-nav;
  align-items:center;
  gap:.625rem 1.25rem;
  min-width:0;
}
@media screen and (min-width:1150px){
  #rl-header .header__primary-nav{column-gap:2.5rem}
}
#rl-header .header__primary-nav > button[aria-controls="sidebar-menu"]{
  display:none !important;
}
#rl-header .header__primary-nav ul.rl-primary-nav{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 22px;
  visibility:visible !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
  clip:auto !important;
  margin:0;
  padding:0;
  list-style:none;
}
#rl-header .header__primary-nav-item{
  font-size:.875rem;
  font-weight:500;
  list-style:none;
}
#rl-header .header__primary-nav-item a{
  display:block;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  font-weight:600;
  padding:0;
  background:none;
}
#rl-header .header__primary-nav-item:hover,
#rl-header .header__primary-nav-item a:hover{
  color:#c2c2d1;
  background:none;
}
#rl-header .header__primary-nav-item.is-active > a{
  font-weight:700;
  background:none;
}
#rl-header .header__secondary-nav{
  display:flex;
  flex-wrap:wrap;
  grid-area:secondary-nav;
  justify-content:end;
  justify-self:end;
  align-items:center;
  gap:.625rem .9rem;
}
@media screen and (min-width:700px){
  #rl-header .header__secondary-nav{column-gap:1.25rem}
}
#rl-header .header__secondary-nav > ul{
  display:contents;
}
#rl-header .header__nav-icon{
  display:block;
  color:currentColor;
}
#rl-header .header__account-link{
  display:flex;
  align-items:center;
  position:relative;
  list-style:none;
}
#rl-header .header__search-link,
#rl-header .header__cart-link,
.header__search-link,
.header__cart-link{
  display:none !important;
}
#rl-header .header__account-link > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:inherit;
  text-decoration:none;
  background:none;
  border:0;
  padding:0;
  font-weight:600;
  font-size:13px;
}
#rl-header .header__account-link .rl-topbar__account-label{
  line-height:1;
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
}
#rl-header .rl-account-dot{
  position:absolute;
  top:-2px;
  right:-2px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#22c55e;
  border:2px solid #fff;
  display:none;
}
#rl-header a.is-signed-in .rl-account-dot{
  display:block;
}
#rl-header .header__cart-link a{position:relative}
#rl-header .header__cart-dot{
  width:.5rem;
  height:.5rem;
  box-shadow:0 0 0 2px #1c1c1c;
  background-color:currentColor;
  border-radius:100%;
  position:absolute;
  inset-block-start:0;
  inset-inline-end:-.125rem;
  transform:scale(0);
  pointer-events:none;
}
#rl-header header-search{
  display:none !important;
  position:absolute;
  inset-block-start:100%;
  inset-inline-start:0;
  width:100%;
}
#rl-header header-sidebar,
#rl-header .sf-hidden{display:none !important}
#rl-header .sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
#rl-header .rl-account-menu{right:0}
@media screen and (max-width:999px){
  #rl-header{
    --header-grid:"logo secondary-nav" "primary-nav primary-nav"/minmax(0,1fr) auto !important;
  }
  #rl-header x-header.header,
  #rl-header .header{row-gap:8px}
  #rl-header .header__primary-nav{width:100%}
  #rl-header .header__primary-nav ul.rl-primary-nav{
    justify-content:flex-start;
    width:100%;
    padding:2px 0 4px;
  }
  #rl-header .rentlizen-logo-text{font-size:1.55rem !important}
}
@media screen and (max-width:699px){
  #rl-header .header__account-link .rl-topbar__account-label{display:none}
  #rl-header .header__nav-icon{width:1.375rem}
}
@media screen and (max-width:560px){
  #rl-header .rentlizen-logo-text{font-size:1.35rem !important}
  #rl-header .header__search-link{display:none}
  #rl-header .header__primary-nav-item a{font-size:14px}
}