توضیحات

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.8; color: #333; background-color: #f8f9fa; } .product-container { background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1); overflow: hidden; margin: 20px auto; max-width: 1200px; } .product-header { background: linear-gradient(135deg, #2c3e50, #4a6580); color: white; padding: 20px; text-align: center; } .product-header h1 { font-size: 28px; margin-bottom: 10px; } .product-tagline { font-style: italic; font-size: 18px; } .section-title { color: #2c3e50; border-bottom: 2px solid #4a6580; padding-bottom: 10px; margin: 25px 0 15px; font-weight: 700; } .feature-list { list-style-type: none; padding: 0; } .feature-list li { padding: 8px 0; border-bottom: 1px dashed #eaeaea; position: relative; padding-right: 25px; } .feature-list li:before { content: "✓"; position: absolute; right: 0; color: #28a745; font-weight: bold; } .nutrition-table { width: 100%; border-collapse: collapse; margin: 20px 0; box-shadow: 0 0 10px rgba(0,0,0,0.05); } .nutrition-table th, .nutrition-table td { border: 1px solid #dee2e6; padding: 12px; text-align: right; } .nutrition-table th { background-color: #4a6580; color: white; } .nutrition-table tr:nth-child(even) { background-color: #f8f9fa; } .warning-box { background-color: #fff3cd; border: 1px solid #ffeaa7; border-radius: 5px; padding: 15px; margin: 20px 0; } .disclaimer-box { background-color: #e9ecef; border-left: 4px solid #6c757d; padding: 15px; font-size: 14px; margin: 20px 0; } .badge { background-color: #4a6580; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; margin-left: 5px; } .amino-table { font-size: 14px; } .amino-table th { background-color: #2c3e50; } @media (max-width: 768px) { .nutrition-table, .amino-table { font-size: 12px; } .section-title { font-size: 20px; } }