/* The original artwork keeps its full square composition in every preview. */
.style-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:none}
.style-options .style-option{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:5px;min-width:0;min-height:44px;border:1px solid transparent}
.style-options .style-option img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.style-option-name{font-size:11px;line-height:1.35;text-align:center;overflow-wrap:break-word}
.style-options .style-option[aria-pressed=true]{border-color:var(--ink);background:#e7eade}
.style-options .style-option:hover{border-color:#8e9b85}
.style-pager{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;width:100%;max-width:440px;margin-top:4px}
.style-pager button{min-width:44px;min-height:44px;border:1px solid #b8c1b2;background:transparent;font-size:20px}
.style-pager button:hover{background:#dce2d4}
.style-pager span{font-size:13px;line-height:1.5;text-align:center}
@media(min-width:761px){
  .product-view{position:sticky;top:0;align-self:start}
  .product-art-stage{max-width:min(560px,calc(100vh - 245px));min-width:220px}
}
@media(max-width:760px){
  .style-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .style-option-name{font-size:11px;line-height:1.4}
  .style-pager{max-width:390px;gap:8px}
  .style-pager span{font-size:12px}
}
@media(max-width:374px){
  .style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}

/* Suggested pairings remain editable and can be restored after trying alternatives. */
.pairing-note{display:flex;align-items:flex-start;flex-direction:column;gap:4px;margin-top:14px}
.pairing-note p{font-size:13px;line-height:1.6}
.pairing-note button{font-size:13px;min-height:44px;padding:6px 0;border:0;border-bottom:1px solid currentColor;background:none}
.art-card .card-pairing{margin-top:5px;font-size:12px;color:var(--ink)}

/* Shared protein selection for desktop and phones. */
.protein-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:600px;margin:30px 0 24px;text-align:left}
.protein-switcher a{display:flex;flex-direction:column;gap:6px;padding:17px 20px;min-height:76px;border:1px solid #c9cfc7;border-radius:3px;text-decoration:none;background:transparent;color:var(--ink,#263a30)}
.protein-switcher a[aria-current="page"]{border-color:#344c3e;background:#e9eee7;box-shadow:inset 0 0 0 1px #344c3e}
.protein-switcher strong{font-size:17px;font-weight:500;letter-spacing:.04em}
.protein-switcher span{font-size:13px;line-height:1.45}
.product-protein-switcher{margin:22px 0 26px;gap:8px}
.product-protein-switcher a{padding:12px 14px;min-height:70px}
@media(max-width:600px){.protein-switcher{gap:8px;margin:24px 0}.protein-switcher a{padding:13px 12px}.protein-switcher span{font-size:12px}.product-protein-switcher{margin:20px 0}}