/* Even Innings Shop (/shop), 8 October 2026. The Shop page's own stylesheet, beside site.css.
   build-v2.py copies it into the site only while SHOP_PUBLIC is True, so site.css is untouched until launch.
   Picture tiles are 3:4 (the photos' own shape), then a "More at the store" tile; the full price list follows
   as a table. 3 / 2 / 1 columns at the .cardgrid breakpoints. Links 44px tall, text 14px or more. */
.shopgrid{list-style:none;padding:0;margin:26px 0 0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:18px;}
.shopcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;}
.shoptile{margin:0;aspect-ratio:3/4;background:#eceff1;border-bottom:1px solid var(--line);}
.shoptile img{display:block;width:100%;height:100%;object-fit:cover;}
.shopcard h3{font-size:17px;line-height:1.35;margin:16px 18px 4px;color:var(--ink);}
.shopprice{margin:0 18px;font-size:16px;font-weight:800;color:var(--ink);}
.shopcolors{margin:4px 18px 0;font-size:14.5px;line-height:1.5;color:var(--muted);}
.shopnote{margin:6px 18px 0;font-size:14px;line-height:1.5;color:var(--muted);}
.shoplink{margin:auto 18px 8px;padding-top:8px;display:flex;align-items:center;min-height:44px;
  font-size:15px;font-weight:700;color:var(--green-dk);}
.shopmore{background:var(--navy);border-color:var(--navy);}
.shopmore a{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;
  padding:28px 26px;min-height:200px;text-decoration:none;color:#cfe0d6;border-radius:10px;}
.shopmore b{font-size:22px;color:#fff;}
.shopmore span{font-size:15.5px;line-height:1.55;}
.shopmore a:hover b{text-decoration:underline;}
.shopmore a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;}
.shoplist-h{font-size:19px;margin:44px 0 12px;color:var(--green-dk);}
.shoplist{max-width:760px;}
.shoplist td:last-child{white-space:nowrap;font-weight:700;}
.tablewrap + .shopnote{margin:10px 0 0;}
.shopsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.shopsteps li{margin:0;}
.shopprivacy{margin:22px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink);max-width:660px;}
@media (max-width:900px){.shopgrid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:760px){.shopgrid,.shopsteps{grid-template-columns:1fr;}}
.shoptile{position:relative;}
.shoptile figcaption{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:6px;
  background:rgba(255,255,255,.94);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.02em;}