.material-info{
 background:white;
 border-radius:12px;
 padding:24px;
 margin-bottom:24px;
 border:1px solid var(--border);
}
.material-info h3{
 font-size:16px;
 font-weight:600;
 margin-bottom:16px;
 display:flex;
 align-items:center;
 gap:8px;
}
.material-info h3::before{
 content:'📦';
}
.material-info p{
 font-size:14px;
 line-height:1.8;
 color:var(--text-light);
}
.size-guide{
 background:white;
 border-radius:12px;
 padding:24px;
 margin-bottom:24px;
 border:1px solid var(--border);
}
.size-guide h3{
 font-size:16px;
 font-weight:600;
 margin-bottom:16px;
 display:flex;
 align-items:center;
 gap:8px;
}
.size-guide h3::before{
 content:'📏';
}
.size-options{
 display:flex;
 gap:12px;
 flex-wrap:wrap;
}
.size-option{
 padding:10px 20px;
 border:2px solid var(--border);
 border-radius:8px;
 cursor:pointer;
 transition:all 0.3s;
 font-size:14px;
 font-weight:500;
}
.size-option:hover,
.size-option.active{
 border-color:var(--accent-red);
 background:rgba(224,122,95,0.05);
}
.color-options{
 display:flex;
 gap:12px;
 margin-bottom:24px;
}
.color-option{
 width:40px;
 height:40px;
 border-radius:50%;
 cursor:pointer;
 border:3px solid transparent;
 transition:all 0.3s;
 position:relative;
}
.color-option:hover,
.color-option.active{
 border-color:var(--accent-red);
}
.features-list{
 list-style:none;
 margin-bottom:24px;
}
.features-list li{
 padding:10px 0;
 border-bottom:1px solid var(--border);
 display:flex;
 align-items:center;
 gap:10px;
 font-size:14px;
}
.features-list li::before{
 content:'✓';
 color:var(--success);
 font-weight:700;
 font-size:16px;
}
.quantity-selector{
 display:flex;
 align-items:center;
 gap:12px;
 margin-bottom:24px;
}
.quantity-selector label{
 font-weight:500;
}
.quantity-selector button{
 width:36px;
 height:36px;
 border:1px solid var(--border);
 background:white;
 border-radius:6px;
 cursor:pointer;
 font-size:18px;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:all 0.3s;
}
.quantity-selector button:hover{
 background:var(--bg-warm);
}
.quantity-selector input{
 width:60px;
 height:36px;
 text-align:center;
 border:1px solid var(--border);
 border-radius:6px;
 font-size:14px;
 font-weight:600;
}
.shipping-info{
 background:var(--bg-warm);
 border-radius:12px;
 padding:20px;
 margin-top:24px;
}
.shipping-info h4{
 font-size:14px;
 font-weight:600;
 margin-bottom:12px;
}
.shipping-info p{
 font-size:13px;
 color:var(--text-light);
 line-height:1.7;
}
.rating-summary{
 display:flex;
 align-items:center;
 gap:16px;
 margin-bottom:24px;
 padding:20px;
 background:white;
 border-radius:12px;
 border:1px solid var(--border);
}
.rating-summary .score{
 font-size:48px;
 font-weight:700;
 color:var(--text-dark);
}
.rating-summary .stars{
 color:var(--gold);
 font-size:20px;
}
.rating-summary .count{
 font-size:14px;
 color:var(--text-light);
}
.product-tabs{
 margin-top:60px;
 border-top:1px solid var(--border);
 padding-top:40px;
}
.product-tabs .tabs{
 display:flex;
 gap:32px;
 margin-bottom:32px;
 border-bottom:1px solid var(--border);
}
.product-tabs .tab{
 padding:12px 0;
 font-size:15px;
 font-weight:500;
 cursor:pointer;
 border-bottom:2px solid transparent;
 transition:all 0.3s;
}
.product-tabs .tab.active,
.product-tabs .tab:hover{
 color:var(--accent-red);
 border-bottom-color:var(--accent-red);
}
.product-tabs .tab-content{
 display:none;
}
.product-tabs .tab-content.active{
 display:block;
}
.related-products{
 margin-top:60px;
 padding-top:40px;
 border-top:1px solid var(--border);
}
.related-products h2{
 font-size:24px;
 margin-bottom:24px;
}
