/**
 * amq-layout.css
 *
 * Purpose: structural / layout rules — carousel viewport & track mechanics,
 * the header's 2-state (transparent/solid) positioning, and the "Browse by
 * category" margin/tile-width calc() math. Things that decide WHERE and
 * HOW BIG elements are, as opposed to their visual skin.
 *
 * Currently empty. Candidate rules to migrate here later (from
 * wp-content/mu-plugins/*.php inline <style> blocks) include:
 *   - #amq-header positioning/transition rules (amouriq-header-hover.php)
 *   - .amq-carousel__viewport / .amq-carousel__track (amouriq-bestsellers-carousel.php)
 *   - .amq-cat-carousel layout + --amq-cat-* custom properties (amouriq-category-browse.php)
 *   - .amq-hero-slider track/slide flex layout (amouriq-hero-slider.php)
 *
 * Loaded after amq-tokens.css, before amq-components.css.
 */

/* Site-wide mobile horizontal-scroll safety net: neither Blocksy nor any
   other AMOURIQ asset file sets overflow-x on html/body, so any element
   that ends up even slightly wider than the viewport (rounding, a hidden/
   off-canvas panel, a not-yet-fully-responsive component, etc.) makes the
   ENTIRE page horizontally scrollable — every section then renders shifted
   relative to the visible viewport, not just the one component that's
   actually oversized. This does not fix whatever is oversized (still worth
   finding per-component when reported), but stops that overflow from
   dragging the whole page along with it. */
html, body {
	overflow-x: hidden;
	max-width: 100%;
}