/* Scope this pass to the Manuka introduction and Shop strength comparison. */
.shop-page .mobile-category-banner { display:none; }
.shop-page .mgo-choice .phone-grade-label { display:none; }
@media (min-width:901px) {
  .manuka-page .manuka-intro {
    grid-template-columns:46% minmax(0,54%);
    min-height:0;
    align-items:stretch;
  }
  .manuka-page .manuka-intro-photo {
    position:relative;
    align-self:stretch;
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .manuka-page .manuka-intro-photo img {
    position:absolute;
    top:auto;
    left:auto;
    right:0;
    bottom:0;
    display:block;
    width:auto;
    height:100%;
    max-width:100%;
    max-height:none;
    object-fit:contain;
    object-position:right bottom;
    margin:0;
  }
  .manuka-page .manuka-intro-copy {
    padding:0 clamp(32px,4vw,66px) 0 clamp(42px,4vw,66px);
    align-items:stretch;
  }

  .shop-page .mgo-layout {
    grid-template-rows:auto 1fr;
    row-gap:22px;
    align-items:start;
    min-height:0;
  }
  .shop-page .mgo-section .shop-title {
    grid-column:1;
    grid-row:1;
    align-self:start;
    width:100%;
    margin:0;
    text-align:center;
    font-size:clamp(35px,3.1vw,49px);
  }
  .shop-page .mgo-content {
    grid-column:1;
    grid-row:2;
    align-self:start;
    padding-top:0;
  }
  .shop-page .mgo-jar-frame {
    grid-column:2;
    grid-row:1 / 3;
    align-self:start;
  }
}

@media (max-width:700px) {
  .shop-page .mgo-choice .desktop-grade-label { display:none; }
  .shop-page .mgo-choice .phone-grade-label { display:block; }
  .shop-page .mgo-choice:last-child .phone-grade-label { font-size:clamp(10px,2.8vw,13px); }
  body[data-page="home"] .hero .sound-toggle {
    top:14px;
    right:14px;
    bottom:auto!important;
    z-index:5;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .shop-page .honey-hero { display:none!important; }
  .shop-page .mobile-category-banner { display:block; }
  .shop-page .mobile-category-banner .manuka-hero {
    position:relative;
    background:#FFFCF3 url('assets/manuka-banner-sunset.png') center 57% / cover no-repeat;
    overflow:hidden;
  }
  .shop-page .mobile-category-banner .manuka-hero-inner { height:100%;margin:auto; }
  .shop-page .mobile-category-banner .manuka-hero h1 {
    margin:0;
    font-family:Lobster,cursive;
    font-weight:400;
    letter-spacing:0;
  }
  /* Match the category hero's photograph, crop, height and overlay on phones only. */
  .shop-page .honey-hero {
    background-image:url('assets/manuka-banner-sunset.png');
    background-size:cover;
    background-position:57% 65%;
    height:175px!important;
    min-height:0!important;
  }
  .shop-page .honey-hero::after {
    background:linear-gradient(180deg,rgba(18,26,19,.14),rgba(255,248,225,.06) 65%,rgba(18,26,19,.16));
  }
  .shop-page .mgo-info,.shop-page .mgo-outgoing-info,
  .shop-page .mgo-jar-frame img#mgo-product-image,
  .shop-page .mgo-jar-frame img.mgo-outgoing-jar {
    transition:opacity .975s cubic-bezier(.22,1,.36,1)!important;
  }
}