/** Shopify CDN: Minification failed

Line 85:0 All "@import" rules must come first

**/
@import url("section-header-original.css");

/* FutFif TRUE 360 animated logo — uses the actual animated WebP frames */
.header__heading,
.header__heading-link {
  overflow: visible !important;
}

.header__heading-link {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 96px !important;
  height: 74px !important;
  min-width: 96px !important;
}

/* Hide the old theme logo, while preserving the clickable home link */
.header__heading-link > img,
.header__heading-link > svg,
.header__heading-link > span,
.header__heading-link > div,
.header__heading-link .header__heading-logo,
.header__heading-link .header__heading-logo--svg {
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

/* The 245-frame WebP itself provides the full 360-degree rotation. */
.header__heading-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-image: url("/cdn/shop/files/futfif-logo-360-transparent.webp?v=1787215783");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 4px 5px rgba(0,0,0,.20));
  transform: none !important;
  animation: none !important;
}

/* Remove the previous CSS shine layer so it doesn't cover the real animation. */
.header__heading-link::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

@media (hover:hover) and (min-width:1025px) {
  .header__heading-link:hover::before {
    transform: none !important;
    animation: none !important;
  }
}

@media (max-width:1024px) {
  .header__mobile .header__heading-link,
  .header__mobile .header__heading > .header__heading-link {
    width: 66px !important;
    min-width: 66px !important;
    height: 51px !important;
  }
}

@media (max-width:480px) {
  .header__mobile .header__heading-link,
  .header__mobile .header__heading > .header__heading-link {
    width: 60px !important;
    min-width: 60px !important;
    height: 46px !important;
  }
}
@import url("section-header-original.css");

/* FutFif header logo - exact FutFif logo, larger size */
.header__heading,
.header__heading-link {
  overflow: visible !important;
}

.header__heading-link {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 140px !important;
  height: 100px !important;
  min-width: 140px !important;
}

.header__heading-link > img,
.header__heading-link > svg,
.header__heading-link > span,
.header__heading-link > div,
.header__heading-link .header__heading-logo,
.header__heading-link .header__heading-logo--svg {
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

.header__heading-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  pointer-events: none;
  background-image: url("/cdn/shop/files/FutFif_logo_transparent.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.18));
}

.header__heading-link::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1024px) {
  .header__mobile .header__heading-link,
  .header__mobile .header__heading > .header__heading-link {
    width: 92px !important;
    min-width: 92px !important;
    height: 66px !important;
  }
}

@media (max-width: 480px) {
  .header__mobile .header__heading-link,
  .header__mobile .header__heading > .header__heading-link {
    width: 82px !important;
    min-width: 82px !important;
    height: 58px !important;
  }
}