Human-Pet Connection Athletic Tee
2026SS
.product-hero {
display: flex;
flex-wrap: wrap;
gap: 40px;
max-width: 1200px;
margin: 0 auto 60px;
padding: 20px;
}
.product-gallery, .product-info {
flex: 1;
min-width: 300px;
}
.product-gallery img {
border-radius: var(--radius);
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.product-title {
font-size: 2rem;
margin-top: 0;
margin-bottom: 10px;
}
.product-price {
font-size: 1.5rem;
font-weight: 700;
color: var(--accent-color);
margin-bottom: 25px;
}
/* 尺码选择器样式 */
.size-selector {
margin-bottom: 30px;
}
.selector-label {
display: block;
margin-bottom: 10px;
font-weight: 600;
}
.size-options {
display: flex;
gap: 12px;
}
.size-options input[type="radio"] {
display: none;
}
.size-options label {
padding: 8px 24px;
border: 1px solid var(--border-color);
border-radius: 20px;
cursor: pointer;
font-size: 0.9rem;
transition: var(--transition);
}
.size-options input[type="radio"]:checked + label {
background-color: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
/* 加购按钮 Hover 特效 */
.add-to-cart-btn {
width: 100%;
padding: 16px;
background-color: var(--accent-color);
color: white;
border: none;
border-radius: 25px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
box-shadow: 0 4px 15px rgba(184, 134, 11, 0.2);
transition: var(--transition);
}
.add-to-cart-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(184, 134, 11, 0.4);
filter: brightness(1.1);
}
display: flex;
flex-wrap: wrap;
gap: 40px;
max-width: 1200px;
margin: 0 auto 60px;
padding: 20px;
}
.product-gallery, .product-info {
flex: 1;
min-width: 300px;
}
.product-gallery img {
border-radius: var(--radius);
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.product-title {
font-size: 2rem;
margin-top: 0;
margin-bottom: 10px;
}
.product-price {
font-size: 1.5rem;
font-weight: 700;
color: var(--accent-color);
margin-bottom: 25px;
}
/* 尺码选择器样式 */
.size-selector {
margin-bottom: 30px;
}
.selector-label {
display: block;
margin-bottom: 10px;
font-weight: 600;
}
.size-options {
display: flex;
gap: 12px;
}
.size-options input[type="radio"] {
display: none;
}
.size-options label {
padding: 8px 24px;
border: 1px solid var(--border-color);
border-radius: 20px;
cursor: pointer;
font-size: 0.9rem;
transition: var(--transition);
}
.size-options input[type="radio"]:checked + label {
background-color: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
/* 加购按钮 Hover 特效 */
.add-to-cart-btn {
width: 100%;
padding: 16px;
background-color: var(--accent-color);
color: white;
border: none;
border-radius: 25px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
box-shadow: 0 4px 15px rgba(184, 134, 11, 0.2);
transition: var(--transition);
}
.add-to-cart-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(184, 134, 11, 0.4);
filter: brightness(1.1);
}
