/*
Theme Name: SPOMEXA Teamwear Real Studio V3
Theme URI: https://teamwear.spomexa.com
Author: SPOMEXA
Description: Fixed image homepage with working transparent buttons and a stronger interactive 3D-style teamwear studio at /studio/.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: spomexa-teamwear-real-studio-v3
*/

:root{--bg:#030008;--gold:#d7a331;--purple:#6e0f86;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);min-height:100%;font-family:Arial,Tahoma,sans-serif;color:#fff}body{overflow:hidden}.spx-home-main{min-height:100vh;background:#030008;display:grid;place-items:center;overflow:hidden}.spx-hero-frame{position:relative;width:min(100vw,177.683vh);height:min(56.28vw,100vh);aspect-ratio:1672/941;overflow:hidden;background:#030008}.spx-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.spx-hotspot{position:absolute;display:block;z-index:10;background:rgba(255,255,255,0);border-radius:14px;text-decoration:none}.spx-hotspot:focus-visible{outline:3px solid var(--gold);background:rgba(215,163,49,.12)}.spx-hotspot:hover{background:rgba(232,182,41,.03)}
/* Coordinates on the exact 1672x941 image */
.spx-home-nav{left:63.25%;top:2.4%;width:7.3%;height:7.6%}.spx-studio-nav{left:52.2%;top:2.4%;width:10.6%;height:7.6%}.spx-shop-nav{left:43.5%;top:2.4%;width:8.1%;height:7.6%}.spx-kits-nav{left:34.5%;top:2.4%;width:8.8%;height:7.6%}.spx-support-nav{left:26.7%;top:2.4%;width:7.9%;height:7.6%}.spx-logo-link{left:80.5%;top:1.0%;width:17.5%;height:9.0%}.spx-cart-link{left:1.4%;top:1.5%;width:4.0%;height:6.5%}.spx-account-link{left:6.1%;top:1.5%;width:4.0%;height:6.5%}.spx-lang-link{left:10.8%;top:1.5%;width:5.8%;height:6.5%}.spx-shop-btn{left:51.4%;top:56.6%;width:21.2%;height:11.7%}.spx-studio-btn{left:73.8%;top:56.6%;width:21.5%;height:11.7%}.spx-preview-link{left:35.0%;top:28.8%;width:15.6%;height:35.6%}
.spx-seo-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media(max-width:900px){body{overflow:auto}.spx-home-main{align-items:start}.spx-hero-frame{width:100vw;height:auto;aspect-ratio:1672/941;min-height:auto}.spx-hero-image{position:relative;height:auto}.spx-hotspot{display:none}.spx-studio-btn,.spx-shop-btn,.spx-logo-link{display:block}}