.gg-pdph{background:var(--gg-cream)}
.gg-pdph__promo{padding:18px 24px 0}

.gg-pdph__nav{padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.gg-pdph__links{display:none;align-items:center;gap:26px}
.gg-pdph__link{
  font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--gg-berry);text-decoration:none;border-bottom:0;
  display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;padding:0;
  appearance:none;list-style:none;
}
.gg-pdph__link::-webkit-details-marker{display:none}
.gg-pdph__link--pill{color:var(--gg-cream);background:var(--gg-red);border-radius:var(--radius-pill);padding:11px 22px}

.gg-pdph__logo-link{display:block;justify-self:center}
.gg-pdph__icons{justify-self:end;display:flex;align-items:center;gap:22px;color:var(--gg-berry)}
.gg-pdph__icon{display:inline-flex;position:relative;color:inherit}
.gg-pdph__icon--desktop-only{display:none}
.gg-pdph__cart-count{
  position:absolute;left:16px;top:-8px;background:var(--gg-red);color:var(--gg-cream);
  font-family:var(--font-meta);font-size:10px;line-height:1;padding:4px 5px;border-radius:50%;
}
.gg-pdph__cart-count--dark{background:var(--gg-berry)}
.gg-pdph__hamburger{appearance:none;border:0;background:none;padding:0;color:var(--gg-berry);cursor:pointer;display:inline-flex}

/* Mobile drawer */
.gg-pdph__mobile-panel{
  position:fixed;inset:0;z-index:100;background:var(--gg-cream);transform:translateX(-100%);
  transition:transform var(--dur-slow) var(--ease-out);display:flex;flex-direction:column;padding:18px 20px 32px;
  overflow-y:auto;
}
.gg-pdph__mobile-panel.is-open{transform:translateX(0)}
.gg-pdph__mobile-panel-head{display:flex;align-items:center;justify-content:space-between}
.gg-pdph__mobile-close{appearance:none;border:0;background:none;padding:0;color:var(--gg-berry);cursor:pointer;display:inline-flex}
.gg-pdph__mobile-logo{display:block}
.gg-pdph__mobile-cart{position:relative;display:inline-flex;color:var(--gg-berry)}
.gg-pdph__mobile-links{display:flex;flex-direction:column;gap:22px;margin-top:48px}
.gg-pdph__mobile-link{
  font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:var(--track-heading);
  text-transform:uppercase;color:var(--gg-berry);text-decoration:none;border-bottom:0;
  list-style:none;cursor:pointer;
}
.gg-pdph__mobile-link::-webkit-details-marker{display:none}
.gg-pdph__mobile-accordion{display:contents}
.gg-pdph__mobile-sublinks{display:flex;flex-direction:column;gap:14px;margin:14px 0 0 4px}
.gg-pdph__mobile-sublink{
  font-family:var(--font-display);font-weight:500;font-size:15px;letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--gg-berry);opacity:.75;text-decoration:none;
}
.gg-pdph__mobile-divider{height:0.6px;background:var(--gg-berry);opacity:.3;margin:6px 0}

@media (min-width:750px){
  .gg-pdph__icon--desktop-only{display:inline-flex}
}

@media (min-width:990px){
  .gg-pdph__hamburger{display:none}
  .gg-pdph__nav{padding:18px 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .gg-pdph__links{display:flex}
}