/* Make homepage pack comparisons actionable without changing shop selection logic. */
.pack-options a.pack-option{display:flex;flex-direction:column;min-width:0;color:#0a0a0a;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.pack-options a.pack-option:hover,.pack-options a.pack-option:focus-visible{border-color:#073b40;background:#d5e1d7}
.pack-options a.pack-option:focus-visible{outline:3px solid #c9a227;outline-offset:3px}
.pack-option-link{display:flex;justify-content:space-between;align-items:center;gap:.375rem;margin-top:1rem;font-size:.75rem;font-weight:700;line-height:1.5;color:#073b40}
.pack-options a.pack-option:hover .pack-option-link{text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.pack-options{grid-template-columns:1fr}.pack-options a.pack-option{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:.25rem;padding:1rem}.pack-option h3{margin:0;align-self:center;white-space:normal;font-size:.875rem}.pack-price{text-align:right;font-size:1.5rem}.pack-unit{grid-column:1;margin:0;font-size:.75rem}.pack-option-link{grid-column:2;grid-row:2;margin:0}}
@media(prefers-reduced-motion:reduce){.pack-options a.pack-option{transition:none}}