html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";color:CanvasText;color-scheme:light dark}html.isSpatial{color:Canvas;--xr-background-material: translucent}.model3D{display:flex;align-items:center;justify-content:center}.model3D img{max-width:100%;max-height:100%}.product-card{padding:1rem;border-radius:1rem;background:rgb(from CanvasText r g b / 20%);box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card .product-model{width:"100px";height:"200px";--xr-depth: 100}.product-card .product-name{margin:.75rem 0 .25rem;font-size:1rem}.product-card .product-description{margin:0;font-size:.85rem}.product-card .product-price{margin:.5rem 0;font-size:1.1rem;font-weight:600}.product-card .product-3D{width:100%;height:200px;--xr-depth: 150px;background-color:gray}.mainPage{display:flex;flex-direction:column;padding:2rem}.mainPage .header{text-align:center;margin-bottom:2rem}.mainPage .header h1{margin:0;font-size:2.5rem;font-weight:700;-webkit-background-clip:text;background-clip:text}.mainPage .subtitle{margin-top:.5rem;font-size:1.1rem}.mainPage .main{display:flex;gap:2rem;flex:1}.mainPage .products-section{flex:1}.mainPage .products-section h2{margin-top:0;margin-bottom:1rem}.mainPage .product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.mainPage footer{margin-top:2rem;text-align:center;font-size:.9rem}.mainPage footer a{text-decoration:none}.mainPage footer a:hover{text-decoration:underline}.productPage .product-3D{margin:auto;width:calc(95vh - 300px);height:calc(95vh - 300px);--xr-depth: 400px;--xr-back: 200px}
