/* ao Jewelry — Collection SPA hover/interaction layer.
   Structural styles live inline (ported verbatim from the design).
   :hover effects use !important to override the inline base values. */

#ao-app, #ao-app * { box-sizing: border-box; }
#ao-app ::selection { background: #15120c; color: #fff; }

@keyframes aoRise { from { transform: translateY(22px); } to { transform: translateY(0); } }

/* card image zoom on hover */
#ao-app .ao-card { -webkit-tap-highlight-color: transparent; }
#ao-app .ao-card:hover img { transform: scale(1.06) !important; }

/* nav / footer / misc links */
#ao-app .ao-link:hover { color: #15120c !important; }
#ao-app .ao-flink:hover { color: #fff !important; }
#ao-app .ao-back:hover { color: #15120c !important; }
#ao-app .ao-close:hover { color: #15120c !important; }
#ao-app .ao-viewall:hover { opacity: 0.55; }

/* buttons */
#ao-app .ao-btn-fill:hover { opacity: 0.84; }
#ao-app .ao-btn-ghost:hover { border-color: #15120c !important; }

/* header search circle (desktop) */
#ao-app .ao-search-btn:hover { background: #15120c !important; border-color: #15120c !important; color: #fff !important; }

/* search suggestion chips */
#ao-app .ao-chip:hover { background: #15120c !important; color: #fff !important; border-color: #15120c !important; }