/* 3D Product Viewer Custom Styles */

.product-3d-card {
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
    margin: 25px 0 !important;
    overflow: hidden !important;
    direction: rtl !important;
}

.card-header {
    padding: 18px 25px !important;
    background: #fcfcfc !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.card-header h3 { 
    margin: 0 !important; 
    font-size: 1.05rem !important; 
    color: #333 !important; 
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.card-header i { 
    color: #007cba !important; 
    font-size: 1.2rem !important; 
}

.viewer-wrapper {
    width: 100% !important;
    height: 500px !important;
    background: radial-gradient(#ffffff, #f9f9f9) !important;
    position: relative !important;
}

.card-footer { 
    padding: 15px !important; 
    background: #fafafa !important; 
    text-align: center !important; 
    border-top: 1px solid #f5f5f5 !important; 
}

.card-footer p {
    margin: 0 !important;
    font-size: 13px !important;
    color: #888 !important;
    line-height: 1.5 !important;
}

model-viewer {
    width: 100%;
    height: 100%;
    outline: none;
}