/*
Theme Name: TopEdge
Theme URI: https://topedge.pagestrategist.com/
Author: Page Strategist
Author URI: https://pagestrategist.com
Description: Pixel-matched responsive WooCommerce storefront for TopEdge.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.0
Text Domain: topedge
*/

html { background: #08080a; }
body { margin: 0; }
.topedge-reference { min-height: 100vh; }
.topedge-mobile-reference { display: none; }

@media (max-width: 767px) {
  .topedge-desktop-reference { display: none !important; }
  .topedge-mobile-reference { display: block; }
  .topedge-mobile-reference [data-purpose="360-product-viewport"] { height: 360px; }
  .topedge-mobile-reference [data-purpose="360-product-viewport"] .w-64.h-64 {
    width: 150px;
    height: 280px;
    margin-bottom: -24px;
  }
  .topedge-mobile-reference [data-purpose="360-product-viewport"] .w-64.h-64 img {
    transform: none;
  }
}

.topedge-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  padding: 12px 18px;
  border: 1px solid #3f3f46;
  border-radius: 8px;
  background: #18181b;
  color: #fff;
  font: 600 12px/1.4 Inter, sans-serif;
  box-shadow: 0 12px 36px rgba(0,0,0,.55);
  opacity: 0;
  transform: translateY(8px);
  transition: .2s ease;
  pointer-events: none;
}
.topedge-toast.is-visible { opacity: 1; transform: none; }