/* Add custom CSS styles below */ 
.navbar-brand{
  right: 650px;
  position: absolute;
}

@media only screen and (max-width: 480px) {
  .navbar-brand {
    right: 150px;
    position: absolute;
    }
  .s-product-card-minimal .s-product-card-image {
        width: 50%;
    }
}

.s-product-card-fit-height .s-product-card-image {
    height: 15rem;
    max-height: 20rem;
}

.product-index .s-product-card-fit-height .s-product-card-image {
    height: 12rem;
    max-height: 20rem;
}

@media (min-width: 1024px) {
    .s-product-card-minimal .s-product-card-image {
        width: 50%;
    }
}

/* At the top: original white navigation */
/* Keep the full header sticky */
.store-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100%;
}

/* White at the very top */
.store-header #mainnav {
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    transition:
        background-color 0.35s ease,
        backdrop-filter 0.35s ease,
        box-shadow 0.35s ease;
}

/* Prevent inner wrapper from restoring white */
.store-header #mainnav > .inner {
    background: transparent !important;
}

/* Transparent after scrolling */
.store-header.is-scrolled #mainnav {
    background: transparent !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: none !important;
}

.store-header.is-scrolled a, .store-header.is-scrolled i {
  color: white;
}

.store-header.is-scrolled svg {
  fill: white;
}

.store-header.is-scrolled a:hover {
  color: beige;
}

a.banner.banner--fixed,
a.banner.banner--fixed *,
.banner.banner--fixed,
.banner.banner--fixed * {
    pointer-events: none !important;
    touch-action: none !important;
  user-select: none !important;

}

#main-content > section.s-block.s-block--fixed-banner.wide-placeholder > div {
  max-width: stretch;
    padding: 0px;
}