/* Product-site additions on top of the XO Digital Systems styles (index.css). */

/* Skip link: hidden until focused. */
.skip-link { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 14px; border-radius: 4px; background: var(--action-primary); color: var(--action-primary-text); text-decoration: none; }
.skip-link:focus { top: 12px; }

/* Plain WordPress pages (WooCommerce cart, account, anything without a page file). */
.xowp-wp-content-inner { max-width: 880px; margin: 0 auto; padding: 120px 24px 96px; }
.xowp-wp-content-inner h1 { margin: 0 0 24px; }

/* In-page links land below the fixed header. */
html { scroll-padding-top: 96px; }

/* "How an order moves": four steps read as one row on desktop, two by two on tablets. */
@media (min-width: 700px) and (max-width: 1099px) { .xowp-steps .xowp-hints-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .xowp-steps .xowp-hints-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }