/* Sarie Art — independent desktop/mobile logo and header controls. */
.site-header .brand--header{min-width:0}
.site-header .header-brand-picture{display:block;flex:0 0 auto;overflow:hidden;line-height:0}
.site-header .header-brand-picture .site-logo{display:block;max-width:none!important;max-height:none!important}
.site-header .brand--header .brand-text{min-width:0}

@media (min-width:761px){
  .site-header .brand--header{gap:var(--header-desktop-logo-gap)!important}
  .site-header .header-brand-picture{
    padding:var(--header-desktop-logo-padding);
    border:var(--header-desktop-logo-border-width) solid rgb(var(--header-desktop-logo-border-rgb)/var(--header-desktop-logo-border-opacity));
    border-radius:var(--header-desktop-logo-radius);
    background:rgb(var(--header-desktop-logo-bg-rgb)/var(--header-desktop-logo-bg-opacity));
  }
  .site-header .header-brand-picture .site-logo{width:var(--header-desktop-logo-width)!important;height:var(--header-desktop-logo-height)!important;object-fit:var(--header-desktop-logo-fit)}
  .site-header .brand--header .brand-text b{display:block!important;font-size:var(--header-desktop-brand-name-size)!important;color:var(--header-desktop-brand-name-color)!important}
  .site-header .brand--header .brand-text small{display:block!important;font-size:var(--header-desktop-brand-tagline-size)!important;color:var(--header-desktop-brand-tagline-color)!important}
  body.header-brand-desktop-hidden .site-header .brand--header .brand-text,
  body.header-desktop-brand-name-hidden .site-header .brand--header .brand-text b,
  body.header-desktop-brand-tagline-hidden .site-header .brand--header .brand-text small{display:none!important}

  body.header-desktop-categories-hidden .site-header .header-categories,
  body.header-desktop-search-hidden .site-header .search--header,
  body.header-desktop-cart-hidden .site-header .cart-link--icon,
  body.header-desktop-account-hidden .site-header .account-menu{display:none!important}
}

@media (max-width:760px){
  .site-header .brand--header{gap:var(--header-mobile-logo-gap)!important}
  .site-header .header-brand-picture{
    padding:var(--header-mobile-logo-padding);
    border:var(--header-mobile-logo-border-width) solid rgb(var(--header-mobile-logo-border-rgb)/var(--header-mobile-logo-border-opacity));
    border-radius:var(--header-mobile-logo-radius);
    background:rgb(var(--header-mobile-logo-bg-rgb)/var(--header-mobile-logo-bg-opacity));
  }
  .site-header .header-brand-picture .site-logo{width:var(--header-mobile-logo-width)!important;height:var(--header-mobile-logo-height)!important;object-fit:var(--header-mobile-logo-fit)}
  .site-header .brand--header .brand-text{display:block!important}
  .site-header .brand--header .brand-text b{display:block!important;font-size:var(--header-mobile-brand-name-size)!important;color:var(--header-mobile-brand-name-color)!important}
  .site-header .brand--header .brand-text small{display:block!important;font-size:var(--header-mobile-brand-tagline-size)!important;color:var(--header-mobile-brand-tagline-color)!important}
  body.header-brand-mobile-hidden .site-header .brand--header .brand-text,
  body.header-mobile-brand-name-hidden .site-header .brand--header .brand-text b,
  body.header-mobile-brand-tagline-hidden .site-header .brand--header .brand-text small{display:none!important}

  body.header-mobile-categories-hidden .site-header .header-categories,
  body.header-mobile-search-hidden .site-header .search--header,
  body.header-mobile-cart-hidden .site-header .cart-link--icon,
  body.header-mobile-account-hidden .site-header .account-menu{display:none!important}
}

@media (min-width:761px){
  .site-header .header-categories__toggle{--control-size:var(--header-desktop-categories-size);--control-icon-size:var(--header-desktop-categories-icon-size);--control-radius:var(--header-desktop-categories-radius);--control-bg-rgb:var(--header-desktop-categories-bg-rgb);--control-bg-opacity:var(--header-desktop-categories-bg-opacity);--control-icon-color:var(--header-desktop-categories-icon-color);--control-border-rgb:var(--header-desktop-categories-border-rgb);--control-border-width:var(--header-desktop-categories-border-width);--control-border-opacity:var(--header-desktop-categories-border-opacity);--control-shadow:var(--header-desktop-categories-shadow)}
  .site-header .search--header{--control-size:var(--header-desktop-search-size);--control-icon-size:var(--header-desktop-search-icon-size);--control-radius:var(--header-desktop-search-radius);--control-bg-rgb:var(--header-desktop-search-bg-rgb);--control-bg-opacity:var(--header-desktop-search-bg-opacity);--control-icon-color:var(--header-desktop-search-icon-color);--control-border-rgb:var(--header-desktop-search-border-rgb);--control-border-width:var(--header-desktop-search-border-width);--control-border-opacity:var(--header-desktop-search-border-opacity);--control-shadow:var(--header-desktop-search-shadow)}
  .site-header .cart-link--icon{--control-size:var(--header-desktop-cart-size);--control-icon-size:var(--header-desktop-cart-icon-size);--control-radius:var(--header-desktop-cart-radius);--control-bg-rgb:var(--header-desktop-cart-bg-rgb);--control-bg-opacity:var(--header-desktop-cart-bg-opacity);--control-icon-color:var(--header-desktop-cart-icon-color);--control-border-rgb:var(--header-desktop-cart-border-rgb);--control-border-width:var(--header-desktop-cart-border-width);--control-border-opacity:var(--header-desktop-cart-border-opacity);--control-shadow:var(--header-desktop-cart-shadow)}
  .site-header .account-menu__toggle{--control-size:var(--header-desktop-account-size);--control-icon-size:var(--header-desktop-account-icon-size);--control-radius:var(--header-desktop-account-radius);--control-bg-rgb:var(--header-desktop-account-bg-rgb);--control-bg-opacity:var(--header-desktop-account-bg-opacity);--control-icon-color:var(--header-desktop-account-icon-color);--control-border-rgb:var(--header-desktop-account-border-rgb);--control-border-width:var(--header-desktop-account-border-width);--control-border-opacity:var(--header-desktop-account-border-opacity);--control-shadow:var(--header-desktop-account-shadow)}
}

@media (max-width:760px){
  .site-header .header-categories__toggle{--control-size:var(--header-mobile-categories-size);--control-icon-size:var(--header-mobile-categories-icon-size);--control-radius:var(--header-mobile-categories-radius);--control-bg-rgb:var(--header-mobile-categories-bg-rgb);--control-bg-opacity:var(--header-mobile-categories-bg-opacity);--control-icon-color:var(--header-mobile-categories-icon-color);--control-border-rgb:var(--header-mobile-categories-border-rgb);--control-border-width:var(--header-mobile-categories-border-width);--control-border-opacity:var(--header-mobile-categories-border-opacity);--control-shadow:var(--header-mobile-categories-shadow)}
  .site-header .search--header{--control-size:var(--header-mobile-search-size);--control-icon-size:var(--header-mobile-search-icon-size);--control-radius:var(--header-mobile-search-radius);--control-bg-rgb:var(--header-mobile-search-bg-rgb);--control-bg-opacity:var(--header-mobile-search-bg-opacity);--control-icon-color:var(--header-mobile-search-icon-color);--control-border-rgb:var(--header-mobile-search-border-rgb);--control-border-width:var(--header-mobile-search-border-width);--control-border-opacity:var(--header-mobile-search-border-opacity);--control-shadow:var(--header-mobile-search-shadow)}
  .site-header .cart-link--icon{--control-size:var(--header-mobile-cart-size);--control-icon-size:var(--header-mobile-cart-icon-size);--control-radius:var(--header-mobile-cart-radius);--control-bg-rgb:var(--header-mobile-cart-bg-rgb);--control-bg-opacity:var(--header-mobile-cart-bg-opacity);--control-icon-color:var(--header-mobile-cart-icon-color);--control-border-rgb:var(--header-mobile-cart-border-rgb);--control-border-width:var(--header-mobile-cart-border-width);--control-border-opacity:var(--header-mobile-cart-border-opacity);--control-shadow:var(--header-mobile-cart-shadow)}
  .site-header .account-menu__toggle{--control-size:var(--header-mobile-account-size);--control-icon-size:var(--header-mobile-account-icon-size);--control-radius:var(--header-mobile-account-radius);--control-bg-rgb:var(--header-mobile-account-bg-rgb);--control-bg-opacity:var(--header-mobile-account-bg-opacity);--control-icon-color:var(--header-mobile-account-icon-color);--control-border-rgb:var(--header-mobile-account-border-rgb);--control-border-width:var(--header-mobile-account-border-width);--control-border-opacity:var(--header-mobile-account-border-opacity);--control-shadow:var(--header-mobile-account-shadow)}
}

.site-header .header-categories__toggle,
.site-header .search--header,
.site-header .cart-link--icon,
.site-header .account-menu__toggle{
  width:var(--control-size)!important;
  min-width:var(--control-size)!important;
  height:var(--control-size)!important;
  min-height:var(--control-size)!important;
  padding:0!important;
  border:var(--control-border-width) solid rgb(var(--control-border-rgb)/var(--control-border-opacity))!important;
  border-radius:var(--control-radius)!important;
  background:rgb(var(--control-bg-rgb)/var(--control-bg-opacity))!important;
  color:var(--control-icon-color)!important;
  box-shadow:var(--control-shadow)!important;
}
.site-header .search--header.is-open{width:min(var(--header-search-width),calc(100vw - 118px))!important;grid-template-columns:var(--control-size) minmax(0,1fr) 39px!important}
.site-header .search--header:not(.is-open){grid-template-columns:var(--control-size) 0fr 0fr!important}
.site-header .search--header__toggle{display:grid!important;place-items:center!important;align-self:center!important;width:var(--control-size)!important;min-width:var(--control-size)!important;max-width:var(--control-size)!important;height:var(--control-size)!important;min-height:var(--control-size)!important;max-height:var(--control-size)!important;padding:0!important;line-height:0!important;box-sizing:border-box!important;color:var(--control-icon-color)!important;background:transparent!important}
.site-header .header-categories__icon,
.site-header .search--header__toggle .header-action-icon,
.site-header .cart-link--icon .header-action-icon,
.site-header .account-menu__toggle .header-action-icon{display:block!important;width:var(--control-icon-size)!important;height:var(--control-icon-size)!important;color:var(--control-icon-color)!important}

@media (max-width:760px){
  .site-header .account-menu{
    flex:0 0 auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.header-mobile-account-hidden .site-header .account-menu{
    display:none!important;
  }
  .site-header .account-menu__toggle .header-action-icon{
    opacity:1!important;
    visibility:visible!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0)!important;
    transform:translate3d(0,0,0)!important;
    will-change:transform;
  }
  .site-header .search--header:not(.is-open){
    flex:0 0 var(--control-size)!important;
    width:var(--control-size)!important;
    min-width:var(--control-size)!important;
    max-width:var(--control-size)!important;
    align-self:center!important;
    align-items:center!important;
    align-content:center!important;
    grid-template-rows:var(--control-size)!important;
    margin:0!important;
  }
  .site-header .search--header.is-open{
    position:fixed!important;
    top:calc(var(--header-mobile-height,58px) + 8px)!important;
    inset-inline:auto!important;
    right:auto!important;
    left:50%!important;
    width:min(280px,calc(100vw - 44px))!important;
    max-width:calc(100vw - 44px)!important;
    height:46px!important;
    min-height:46px!important;
    grid-template-rows:46px!important;
    grid-template-columns:var(--control-size) minmax(0,1fr) 39px!important;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line,#dce8e6))!important;
    border-radius:14px!important;
    background:var(--site-surface,#fff)!important;
    box-shadow:0 12px 30px rgba(24,48,55,.18)!important;
    overflow:hidden!important;
    z-index:1005!important;
    transform-origin:center top!important;
    animation:sarie-mobile-search-reveal .24s cubic-bezier(.2,.8,.2,1) both!important;
  }
  .site-header .search--header.is-open input{
    min-width:0!important;
    height:44px!important;
    background:transparent!important;
    color:var(--site-text,#1f3340)!important;
  }
  .site-header .search--header.is-open input::placeholder{color:var(--muted,#697a83)!important;opacity:1}
}

@keyframes sarie-mobile-search-reveal{
  from{opacity:.15;transform:translate(-50%,-7px) scale(.96)}
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}

@media (prefers-reduced-motion:reduce){
  .site-header .header-brand-picture,.site-header .header-brand-picture .site-logo{transition:none!important}
  .site-header .search--header.is-open{animation:none!important;transform:translateX(-50%)!important}
}