Tool Phurba Grey T-Shirt NEW OFFICIAL

This is a complete HTML document for a product page. It presents the “Tool Phurba Grey T-Shirt” with a clean, readable layout. The code includes structured data for search engines, a specifications table, a description, a “Why Buy” section, and an FAQ, all styled for a professional e-commerce appearance.
“`html

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, ‘Segoe UI’, Roboto, ‘Helvetica Neue’, sans-serif;
background: #f5f7fa;
color: #1e1e2a;
padding: 2rem 1rem;
line-height: 1.5;
}
.product-card {
max-width: 1200px;
margin: 0 auto;
background: white;
border-radius: 28px;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.15);
padding: 2rem 2.5rem;
}
@media (max-width: 700px) {
.product-card { padding: 1.5rem; }
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem;
}
@media (max-width: 800px) {
.grid { grid-template-columns: 1fr; gap: 2rem; }
}
/* gallery */
.gallery {
display: flex;
flex-direction: column;
gap: 1rem;
}
.main-image {
background: #f0f2f5;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
border: 1px solid #e9ecf0;
min-height: 320px;
}
.main-image img {
max-width: 100%;
max-height: 380px;
object-fit: contain;
filter: drop-shadow(0 8px 12px rgba(0,0,0,0.08));
}
.thumbnails {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.thumb {
background: #f0f2f5;
border-radius: 14px;
padding: 0.6rem;
border: 1px solid #e2e6ec;
flex: 0 0 auto;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.1s ease;
}
.thumb img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.thumb:hover {
border-color: #b388ff;
background: #f8f6ff;
}
/* product info */
.product-info {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
h1 {
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: