/* Tone Pro product page: banner under Add to cart that leads to the colour chart. */
.sugo-tpc-banner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 14px; margin: 14px 0 16px; padding: 0 14px 12px; background: #0e0e0e; color: #fff !important; border: 2px solid #0e0e0e; box-shadow: 4px 4px 0 #ff3b1f; text-decoration: none !important; transition: transform .12s, box-shadow .12s; }
.sugo-tpc-banner:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #ff3b1f; }
.sugo-tpc-banner__bar { grid-column: 1 / -1; height: 8px; margin: 0 -14px; }
.sugo-tpc-banner__txt { font-size: .92em; line-height: 1.35; }
.sugo-tpc-banner__txt strong { display: block; font-size: 1.08em; }
.sugo-tpc-banner__go { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; background: #ff3b1f; padding: 8px 10px; white-space: nowrap; }
@media (max-width: 549px) { .sugo-tpc-banner { grid-template-columns: 1fr; } .sugo-tpc-banner__go { text-align: center; } }