/**
 * v112-additions.css
 *
 * 1. Static eyes — no animation artifacts
 * 2. Shop page matches front-page grid layout exactly
 * 3. Back arrow / incognito gate fix (handled in header.php / face-logo.js)
 */

/* ═══════════════════════════════════════════════════════════════
   1. STATIC EYES — remove any lingering transform transitions
   ═══════════════════════════════════════════════════════════════ */
#leftEyeDiv,
#rightEyeDiv {
  transform: none !important;
  transition: background-color .3s !important;
  will-change: auto !important;
}

/* ═══════════════════════════════════════════════════════════════
   2. SHOP PAGE — identical to front-page product grid
   ═══════════════════════════════════════════════════════════════ */

/* When shop page renders .cb-home-products, give it the same
   top spacing as the front page */
.cb-shop-page .cb-home-products {
  padding: 0;
}

/* Ensure shop-page product cards scale the same as homepage */
.cb-shop-page .cb-home-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(140px, 22vw, 260px), 1fr));
  gap: clamp(10px, 2vw, 24px);
  margin: 0;
  padding: 0;
}