/** Shopify CDN: Minification failed

Line 501:2 Unexpected "50%"
Line 502:0 Unexpected "}"
Line 505:2 Unexpected "0%"
Line 506:2 Unexpected "35%"
Line 507:2 Unexpected "65%"
Line 508:2 Unexpected "100%"

**/

/* =========================================================
   POSTR. PREMIUM HEADER V2
   Built for Shopify Dawn/Studio header.liquid
   ========================================================= */

:root{
  --postr-ink:#123f4b;
  --postr-ink-2:#1f5864;
  --postr-accent:#c86550;
  --postr-accent-soft:#fff1eb;
  --postr-cream:#fbf8f4;
  --postr-line:rgba(18,63,75,.10);
}

/* ---------- Announcement bar ---------- */
.announcement-bar,
.utility-bar{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(110deg,#103e49 0%,#174d59 48%,#103e49 100%)!important;
  border:0!important;
}

.announcement-bar::after,
.utility-bar::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    transparent 20%,
    rgba(255,255,255,.10) 42%,
    rgba(255,255,255,.18) 50%,
    rgba(255,255,255,.10) 58%,
    transparent 80%
  );
  transform:translateX(-120%);
  animation:postrAnnouncementSweep 7s ease-in-out infinite;
}

.announcement-bar__message{
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}

/* ---------- Main shell ---------- */
.postr-premium-header{
  position:relative;
  z-index:40;
  background:rgba(255,255,255,.91)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  border-bottom:1px solid var(--postr-line)!important;
  box-shadow:0 10px 32px rgba(18,63,75,.055);
  transition:
    background .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

/* Animated terracotta accent line */
.postr-premium-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  opacity:.72;
  transform-origin:center;
  background:linear-gradient(
    90deg,
    transparent 0%,
    var(--postr-accent) 27%,
    #e9a18f 50%,
    var(--postr-accent) 73%,
    transparent 100%
  );
  background-size:220% 100%;
  animation:postrAccentFlow 8s linear infinite;
}

/* ---------- One-line desktop layout ---------- */
@media screen and (min-width:990px){
  .postr-premium-header .header{
    display:grid!important;
    grid-template-columns:minmax(150px,.75fr) minmax(420px,1.5fr) minmax(150px,.75fr)!important;
    grid-template-areas:"heading navigation icons"!important;
    align-items:center!important;
    column-gap:28px!important;
    max-width:1380px!important;
    min-height:88px;
    margin:0 auto;
    padding:14px 38px!important;
    transition:min-height .28s ease,padding .28s ease;
  }

  .postr-premium-header .header__heading,
  .postr-premium-header .header__heading-link{
    grid-area:heading!important;
    justify-self:start!important;
    margin:0!important;
  }

  .postr-premium-header .header__inline-menu{
    grid-area:navigation!important;
    justify-self:center!important;
    margin:0!important;
  }

  .postr-premium-header .header__icons{
    grid-area:icons!important;
    justify-self:end!important;
    margin:0!important;
  }

  /* If Shopify's top-center layout rendered an extra left search, hide only that copy. */
  .postr-premium-header .header > .header__search{
    display:none!important;
  }
}

/* ---------- POSTR logo ---------- */
.postr-premium-header .header__heading-link{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  padding:8px 3px!important;
  text-decoration:none!important;
  overflow:visible;
}

.postr-premium-header .header__heading-link .h2{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  color:var(--postr-ink)!important;
  transition:color .25s ease,transform .25s ease;
}

.postr-premium-header .header__heading-logo{
  transition:transform .28s ease,filter .28s ease;
}

.postr-premium-header .header__heading-link::before{
  content:"✦";
  position:absolute;
  right:-15px;
  top:-2px;
  font-size:9px;
  color:var(--postr-accent);
  opacity:0;
  transform:scale(.2) rotate(-40deg);
  transition:opacity .28s ease,transform .28s ease;
}

.postr-premium-header .header__heading-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:22px;
  height:2px;
  border-radius:99px;
  background:var(--postr-accent);
  transform:translateX(-50%);
  transition:width .3s ease;
}

.postr-premium-header .header__heading-link:hover .h2{
  color:var(--postr-accent)!important;
  transform:translateY(-1px);
}
.postr-premium-header .header__heading-link:hover .header__heading-logo{
  transform:translateY(-1px) scale(1.025);
}
.postr-premium-header .header__heading-link:hover::before{
  opacity:1;
  transform:scale(1) rotate(0);
}
.postr-premium-header .header__heading-link:hover::after{
  width:52px;
}

/* ---------- Menu ---------- */
.postr-premium-header .list-menu--inline{
  gap:7px!important;
  align-items:center;
}

.postr-premium-header .header__menu-item{
  position:relative;
  min-height:42px;
  padding:10px 18px!important;
  border-radius:999px;
  color:#48616a!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.025em!important;
  text-decoration:none!important;
  transition:
    color .22s ease,
    background .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.postr-premium-header .header__menu-item > span{
  position:relative;
  text-decoration:none!important;
}

.postr-premium-header .header__menu-item > span::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:0;
  height:2px;
  border-radius:99px;
  background:var(--postr-accent);
  transform:translateX(-50%);
  transition:width .25s ease;
}

.postr-premium-header .header__menu-item:hover{
  color:var(--postr-accent)!important;
  background:var(--postr-accent-soft);
  transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(200,101,80,.08);
}

.postr-premium-header .header__menu-item:hover > span::after,
.postr-premium-header .header__active-menu-item::after{
  width:100%!important;
}

.postr-premium-header .header__active-menu-item{
  color:var(--postr-accent)!important;
  text-decoration:none!important;
}

/* ---------- Search / account / cart ---------- */
.postr-premium-header .header__icons{
  display:flex!important;
  align-items:center;
  gap:4px!important;
}

.postr-premium-header .header__icon,
.postr-premium-header shopify-account.header__icon{
  position:relative;
  width:43px!important;
  height:43px!important;
  min-width:43px!important;
  border-radius:50%!important;
  color:var(--postr-ink)!important;
  transition:
    color .22s ease,
    background .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.postr-premium-header .header__icon:hover,
.postr-premium-header shopify-account.header__icon:hover{
  color:var(--postr-accent)!important;
  background:var(--postr-accent-soft)!important;
  transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(200,101,80,.09);
}

.postr-premium-header .header__icon svg{
  transition:transform .25s ease;
}

.postr-premium-header .header__icon:hover svg{
  transform:scale(1.08);
}

.postr-premium-header .header__icon--cart:hover svg{
  transform:scale(1.08) rotate(-5deg);
}

.postr-premium-header .cart-count-bubble{
  background:var(--postr-accent)!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(200,101,80,.30);
}

/* ---------- Scroll state ---------- */
.postr-premium-header.postr-is-scrolled{
  background:rgba(255,255,255,.965)!important;
  box-shadow:0 14px 35px rgba(18,63,75,.09);
}

@media screen and (min-width:990px){
  .postr-premium-header.postr-is-scrolled .header{
    min-height:72px;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  .postr-premium-header.postr-is-scrolled .header__heading-link .h2{
    font-size:27px!important;
  }
}

/* ---------- Entrance ---------- */
.postr-premium-header.postr-header-ready{
  animation:postrHeaderEntrance .65s cubic-bezier(.2,.75,.25,1) both;
}

/* ---------- Mobile ---------- */
@media screen and (max-width:989px){
  .postr-premium-header .header{
    min-height:70px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  .postr-premium-header .header__heading-link .h2{
    font-size:26px!important;
  }

  .postr-premium-header .header__icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }

  .postr-premium-header .header__heading-link::before{
    display:none;
  }
}

/* ---------- Motion ---------- */
@keyframes postrHeaderEntrance{
  from{opacity:0;transform:translateY(-16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes postrAnnouncementSweep{
  0%,12%{transform:translateX(-120%)}
  52%,100%{transform:translateX(120%)}
}
@keyframes postrAccentFlow{
  from{background-position:0 50%}
  to{background-position:220% 50%}
}

@media (prefers-reduced-motion:reduce){
  .postr-premium-header,
  .postr-premium-header *,
  .announcement-bar::after,
  .utility-bar::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   POSTR HEADER FINAL — custom mark, no search, stronger visual
   ========================================================= */
.postr-premium-header{
  --postr-h-ink:#173e49;
  --postr-h-accent:#c85f49;
  --postr-h-cream:#fffaf5;
  --postr-h-soft:#f8eee7;
  background:
    linear-gradient(90deg,rgba(255,250,245,.98),rgba(255,255,255,.98),rgba(255,250,245,.98))!important;
}
.postr-premium-header .header__search,
.postr-premium-header details-modal.header__search{
  display:none!important;
}
.postr-brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:10px;
  position:relative;
}
.postr-brand-mark-wrap{
  width:31px;
  height:39px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:8px;
  background:#171717;
  box-shadow:0 7px 18px rgba(20,45,52,.14);
  transform:rotate(-2deg);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
}
.postr-brand-mark{
  width:31px;
  height:39px;
  object-fit:cover;
  display:block;
}
.postr-brand-word{
  font-family:Georgia,"Times New Roman",serif;
  font-size:31px;
  line-height:1;
  color:var(--postr-h-ink);
  letter-spacing:.035em;
}
.postr-premium-header .header__heading-link::after{display:none!important}
.postr-premium-header .header__heading-link::before{
  content:"✦";
  right:-12px;
  top:-5px;
}
.postr-premium-header .header__heading-link:hover .postr-brand-mark-wrap{
  transform:rotate(2deg) translateY(-2px) scale(1.035);
  box-shadow:0 12px 24px rgba(200,95,73,.17);
}
.postr-premium-header .header__heading-link:hover .postr-brand-word{
  color:var(--postr-h-accent);
}
.postr-premium-header .header__menu-item{
  font-size:13px!important;
  font-weight:750!important;
  color:#455e67!important;
}
.postr-premium-header .header__menu-item:hover,
.postr-premium-header .header__active-menu-item{
  color:var(--postr-h-accent)!important;
}
.postr-premium-header .header__menu-item:hover{
  background:#fff0e8!important;
}
.postr-premium-header .header__icons{
  min-width:100px;
  justify-content:flex-end;
}
.postr-premium-header .header__icon{
  border:1px solid rgba(23,62,73,.08);
  background:rgba(255,255,255,.7);
}
.postr-premium-header .header__icon:hover{
  background:#fff0e8!important;
  border-color:rgba(200,95,73,.2);
}
@media screen and (min-width:990px){
  .postr-premium-header .header{
    grid-template-columns:minmax(190px,.8fr) minmax(360px,1.4fr) minmax(120px,.8fr)!important;
    min-height:82px;
    padding:11px 42px!important;
  }
}
@media screen and (max-width:989px){
  .postr-brand-word{font-size:25px}
  .postr-brand-mark-wrap{width:27px;height:34px}
  .postr-brand-mark{width:27px;height:34px}
}


/* Account + cart slightly more premium */
.postr-premium-header .header__icons{
  gap:6px!important;
}

.postr-premium-header .header__icon,
.postr-premium-header shopify-account.header__icon{
  background:#fff!important;
  border:1px solid rgba(23,62,73,.10)!important;
  box-shadow:0 6px 16px rgba(23,62,73,.045);
}

/* CTA hides on small screens; mobile remains uncluttered */
@media screen and (max-width:989px){
  
}

/* Tiny cart bounce class, triggered from JS */
.postr-cart-bounce{
  animation:postrCartBounce .55s cubic-bezier(.2,.8,.2,1);
}


  50%{transform:scale(1.25) rotate(15deg)}
}

@keyframes postrCartBounce{
  0%{transform:scale(1)}
  35%{transform:scale(1.16) translateY(-2px)}
  65%{transform:scale(.96)}
  100%{transform:scale(1)}
}

@media(prefers-reduced-motion:reduce){
  
}


/* =========================================================
   POSTR HEADER — FINAL 3 TAB NAV
   HOME | BUY POSTERS | CONTACT
   ========================================================= */

/* Desktop layout: logo | 3 nav items | account/cart */
@media screen and (min-width:990px){
  .postr-premium-header .header{
    grid-template-columns:
      minmax(190px,.85fr)
      minmax(430px,1.4fr)
      minmax(120px,.65fr)!important;
    grid-template-areas:"heading navigation icons"!important;
    column-gap:26px!important;
  }

  .postr-premium-header .header__inline-menu{
    grid-area:navigation!important;
    justify-self:center!important;
  }

  .postr-premium-header .header__icons{
    grid-area:icons!important;
    justify-self:end!important;
  }
}

/* All three nav items: strong and clear */
.postr-premium-header .header__menu-item{
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.065em!important;
  padding:11px 18px!important;
}

/* HOME = clean bold text */
.postr-premium-header .header__menu-item[href="/"]{
  color:#173e49!important;
  font-weight:900!important;
}

/* BUY POSTERS = primary CTA pill.
   This targets the middle menu item so it works even if your actual page URL changes. */
@media screen and (min-width:990px){
  .postr-premium-header .list-menu--inline > li:nth-child(2) > .header__menu-item{
    min-height:44px;
    padding:0 20px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    background:
      linear-gradient(100deg,#c85f49 0%,#d87760 48%,#c85f49 100%)!important;
    background-size:220% 100%!important;
    border:1px solid rgba(200,95,73,.2);
    border-radius:999px;
    box-shadow:0 9px 22px rgba(200,95,73,.20);
    overflow:hidden;
    position:relative;
    transition:
      transform .25s ease,
      box-shadow .25s ease,
      background-position .35s ease!important;
  }

  .postr-premium-header .list-menu--inline > li:nth-child(2) > .header__menu-item::before{
    content:"✦";
    margin-right:8px;
    font-size:11px;
    transition:transform .25s ease;
  }

  .postr-premium-header .list-menu--inline > li:nth-child(2) > .header__menu-item:hover{
    color:#fff!important;
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(200,95,73,.28);
    background-position:100% 0!important;
  }

  .postr-premium-header .list-menu--inline > li:nth-child(2) > .header__menu-item:hover::before{
    transform:rotate(18deg) scale(1.18);
  }

  /* Don't show the normal underline inside CTA */
  .postr-premium-header .list-menu--inline > li:nth-child(2) > .header__menu-item span::after{
    display:none!important;
  }
}

/* CONTACT stays clean but gets a warm hover */
.postr-premium-header .list-menu--inline > li:nth-child(3) > .header__menu-item:hover{
  color:#c85f49!important;
}

/* Active states */
.postr-premium-header .header__active-menu-item{
  font-weight:900!important;
}

/* Account + cart premium circular buttons */
.postr-premium-header .header__icons{
  gap:7px!important;
}
.postr-premium-header .header__icon,
.postr-premium-header shopify-account.header__icon{
  background:#fff!important;
  border:1px solid rgba(23,62,73,.10)!important;
  box-shadow:0 6px 16px rgba(23,62,73,.045);
}

/* Cart bounce remains */
.postr-cart-bounce{
  animation:postrCartBounce .55s cubic-bezier(.2,.8,.2,1);
}
@keyframes postrCartBounce{
  0%{transform:scale(1)}
  35%{transform:scale(1.16) translateY(-2px)}
  65%{transform:scale(.96)}
  100%{transform:scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .postr-cart-bounce{
    animation:none!important;
  }
}