/* Final shared-shell overrides for Astra and native WooCommerce at phone sizes. */
@media (max-width:760px) {
  body.gs-shell .header > a.button { display:none; }
  body.gs-shell .header { gap:12px; justify-content:space-between; }
  body.gs-shell .header .brand { min-width:0; font-size:22px; }
  body.gs-shell .header .brand img { width:40px; height:40px; }
  body.gs-shell .header .mobile-nav { position:static; margin-left:auto; }
  body.gs-shell .header .mobile-nav:not([open]) nav { display:none; }
  body.gs-shell .header .mobile-nav[open] nav { position:absolute; left:0; right:0; top:100%; width:auto; max-width:none; display:grid; grid-template-columns:1fr; gap:0; padding:10px 0; background:#fff; border:1px solid #ccd6df; border-radius:0 0 10px 10px; z-index:20; box-shadow:0 14px 28px #11141818; }
  body.gs-shell .header .mobile-nav nav a { display:flex; align-items:center; min-height:48px; padding:10px 20px; font-size:18px; font-weight:700; border-bottom:1px solid #e7edf1; }
  body.gs-shell .header .mobile-nav nav a:last-child { border-bottom:0; }
  body.gs-shell.gs-store-candidate .woocommerce ul.products { grid-template-columns:minmax(0,1fr) !important; }
  body.gs-shell .woocommerce ul.products li.product img { height:270px; }
  /* Retain the desktop's words-beside-art relationship without shrinking body copy. */
  body.gs-shell .hero { display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); column-gap:4px; row-gap:18px; padding-top:26px; padding-bottom:24px; }
  body.gs-shell .hero-copy { display:contents; }
  body.gs-shell .hero h1 { grid-column:1; grid-row:1; align-self:center; position:relative; z-index:1; font-size:clamp(21px,5.65vw,32px); line-height:1.13; letter-spacing:-.045em; margin:0; }
  body.gs-shell .hero h1 span { white-space:normal; }
  body.gs-shell .hero-photos.approved-art { grid-column:2; grid-row:1; align-self:center; width:calc(100% + 10px); margin-left:-10px; }
  body.gs-shell .hero .approved-hero-art { width:100%; height:auto; min-height:0; }
  body.gs-shell .hero-intro { grid-column:1/-1; grid-row:2; margin:0; font-size:20px; line-height:1.45; }
  body.gs-shell .hero .actions { grid-column:1/-1; grid-row:3; display:grid; grid-template-columns:1fr; gap:10px; }
}